bhargysh/animations

CSS animations

animations

CSS & JS animations #100daysofcode

animations's Issues

To do a sine wave path

Set the height of the path to be sine and the width to be time (for loop t=0..t=1)

Bezier curve for better falling motion

  from { transform: rotate(0) translateY(0, 0, 0); }
  to { transform: rotate(90deg) translate3d(900px, 600px, 0); }
}
.body {
  width: 200px;
  margin: 0 auto;
  position: relative;
  animation: fallingCar 3s cubic-bezier(.73,.05,.99,.33) 4s;
  animation-fill-mode: forwards;
  z-index: 1;
/*   cubic-bezier(.5,0.05,1,.5) cubic-bezier(x1, y1, x2, y2)*/
}```