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

23 votes182 views3 answers
How to change placeholder color
CSS
6 votes165 views4 answers
Disable click css
CSS
2 votes121 views1 answer
How to disable div onclick in javascript
CSS
0 vote203 views1 answer
Text truncate after 3 lines
CSS
0 vote193 views1 answer
How to change line colors in css
CSS
-1 vote189 views1 answer
Input focus css default
CSS
10 votes215 views4 answers
Bootstrap badges Links
CSS
0 vote155 views1 answer
Css unlock scroll
CSS
0 vote337 views2 answers
Css multiline comment
CSS
1 vote184 views1 answer
Css 2 <p> next to each other
CSS