Animation @Keyframes Options Reset
Animation
iteration-count (loop):
infinite (loop): OFF
animation-delay (sec):
animation-duration (sec):
animation-timing-function:
animation-fill:
animation-direction:
Movie controlls
Play Pause Stop
@Keyframes
Set Load Clear
Dimensions
top: px
left: px
width: px
height: px
rotateX(deg):
rotateY(deg):
rotateZ(deg):
skewX(deg):
skewY(deg):
Look
background-color:
transparent
background-image:
show image
border-radius (px):
opacity:
3D Transforms
transform-origin(x% y%):
x:
y:
show origin point
scale3D(x,y,z):
x:
y:
z:
rotate3D(x,y,z,deg):
Axis:
x:
y:
z:
Degrees:
°
translate3D(x,y,z): px
x:
y:
z:
perspective: px
perspective-origin(x% y%):
x:
y:
Options
Show code
StyleSheet code type:
CSS
SCSS
SASS
Import or save animation:
Import Save
Load image for animation:
scene-background-image:
scene-background-color:
(use cookies)
transparent
This is notice.