@keyframes

Css keyframes

@keyframes mymove {
  from {top: 0px;}
  to {top: 200px;}
}

@keyframes

p {
  animation-duration: 25s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }
  75% {
    font-size: 300%;
    margin-left: 25%;
    width: 150%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

Source: developer.mozilla.org

Keyframe in css

@keyframes mymove {
  0% {top: 0px;}
  50% {top: 50px;}
  75% {top: 40px;}
  100%{top: 0px;}
}

Similar codes

0 vote214 views1 answer
Media query change button text
CSS
4 votes204 views2 answers
Transform scale
CSS
0 vote202 views2 answers
COMENTARIOS EN CSS
CSS
19 votes185 views3 answers
Css round element
CSS
1 vote198 views1 answer
Mat stepper custom css
CSS
0 vote205 views2 answers
Css space between elements
CSS
0 vote189 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
50 votes181 views5 answers
Child css
CSS
0 vote201 views1 answer
Django html not using css
CSS
0 vote198 views1 answer
Div set text colo0r
CSS