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

3 votes306 views1 answer
Svg stroke color
CSS
4 votes268 views4 answers
What is the "style", when creating an internal CSS?
CSS
31 votes278 views4 answers
Letter spacing in css
CSS
12 votes359 views2 answers
Css table alternating row color
CSS
0 vote305 views1 answer
Css shadow on hover
CSS
36 votes327 views4 answers
Adding gradient to text color
CSS
0 vote339 views1 answer
Div with specific id css
CSS
0 vote324 views2 answers
Elementor accordion closed by default
CSS
0 vote314 views1 answer
Crystal background css
CSS
15 votes297 views2 answers
Css center elment screen
CSS