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

0 vote72 views1 answer
Padding 4 values
CSS
1 vote111 views2 answers
Css button style rectangle
CSS
12 votes95 views3 answers
Vertical and horizontal align center div
CSS
19 votes103 views6 answers
Css text border
CSS
22 votes107 views5 answers
Css grid center
CSS
0 vote156 views1 answer
Bootstrap remove unused css
CSS Bootstrap
21 votes154 views3 answers
Disable cursor css
CSS
8 votes100 views1 answer
Reset submit btn style
CSS
0 vote95 views1 answer
Remove 000webhost ads
CSS
1 vote107 views1 answer
Kommentar css
CSS