A029JSA2A Keyframe Animations From and To

Animation-name :translate

Animation-duration : 1s

From: transform(0px, 0px)

To: transform(200px, 100px)

Box shadow : 20px 30px 10px black

Animation-name :spin

Animation-duration :1s

Animation-lteration-count: count: infinite

From: Transform: rotate(0deg)

To: Transform: rotate(720)

Animation-name: changeheight

Animation-duration: 2s

Animation-delay: 1s

Animation-fill-mode: backwards

Animation-lteration-count: infinite

From: height: 50px color: yellowgreen

To: height: 150px color: blue

Animation-name: rounder

Animation-duration: 1000ms

Animation-lteration-count: 20

Animation-direction: alternate

From: border-radius: 0px transform: scale(1) Color:Pink

To: border-radius: 20% transform: scale(2) Color: yellow

Animation-name: translateleftup

Animation-duration: 3s

Animation-direction: alternate

Animation-lteration-count: infinite

From: Transform: Translate(0px, 0px) scale(.2) Color:torquoise

To: Transform: Translate(-500px, -500px) Color: hotpink

Animation-name: scale

Animation-duration: .3s

Animation-lteration-count: infinite

Animation-timing-function: ease-in-out

From: Transform: scale(.5)

To: Transform: scale(1)

Animation-name: spin

Animation-duration: 1s

Animation-lteration-count: infinite

Animation-timing-function: linear

Animation-direction: reverse

From: Transform: rotate(0deg)

To: Transform: rotate(360deg)