@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 vote370 views1 answer
Affect top div opacity without affecting childrne
CSS
53 votes354 views4 answers
On hover css
CSS
0 vote360 views1 answer
Alinhar ao centro align item css
CSS
0 vote321 views1 answer
Img grows up onmouseover css
CSS
17 votes405 views1 answer
Yarn problem
CSS
1 vote442 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote351 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
41 votes424 views2 answers
Add ... to long text css
CSS
7 votes387 views2 answers
Transition css hover
CSS
0 vote358 views1 answer
Tf.reduce_mean(y_true,y_predicted)
CSS