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 vote117 views1 answer
Css dual color
CSS
3 votes121 views1 answer
Css supports
CSS
2 votes114 views1 answer
Why do we need hexadecimal number system
CSS
0 vote131 views1 answer
Service Worker Navigator check
CSS
0 vote108 views1 answer
Table with vertical lines in angular
CSS
150 votes171 views2 answers
How to link your css file to html
CSS
0 vote157 views1 answer
Menu always center css
CSS
3 votes125 views3 answers
Can you control another div on hover css
CSS
66 votes114 views6 answers
Text background color css
CSS
64 votes124 views6 answers
Media queries
CSS