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

17 votes109 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
0 vote133 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
1 vote147 views2 answers
Absolute vertical position css
CSS
32 votes125 views5 answers
Css text align right
CSS
0 vote164 views1 answer
Twig language name
CSS
1 vote122 views1 answer
Css position absolute transition
CSS
2 votes142 views6 answers
Add image to css
CSS
0 vote121 views1 answer
Bootstrap create full screen background image
CSS
0 vote126 views1 answer
Understanding '+' sign in css selector
CSS
5 votes121 views2 answers
Zoom animations in css
CSS