Css move animation

article {
    animation-name            : displaceContent;
    animation-duration        : 1s;
    animation-delay           : 4s;
    animation-iteration-count : 1;
    animation-fill-mode       : forwards;
}
@keyframes displaceContent {
    from { transform : translateY(0em) }
    to   { transform : translateY(3em) } /* slide down to make room for advertisements */
}

Source: webplatform.github.io

Similar codes

-1 vote161 views2 answers
Css lock scroll
CSS
3 votes108 views1 answer
How to remove underline from link of p in css
CSS
14 votes146 views5 answers
Make background image full width
CSS
1 vote146 views2 answers
Round one side of div css
CSS
3 votes202 views5 answers
India
CSS
0 vote154 views1 answer
Div nth child
CSS
0 vote153 views1 answer
Css html attribut
CSS
0 vote178 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
0 vote150 views1 answer
How to add css using nativeelement in angular
CSS
0 vote146 views1 answer
How to manage overflowing text in button
CSS