Toggle Controls
Animate:
false
Auto next:
true
Show Transition:
true
Netflix logo in pure CSS -
Blink/Webkit browsers only for now (Chrome & Safari)
Click the Animate checkbox to start the animations.
To see HTML/CSS code, right click on one of the NETFLIX letters and choose Inspect Element
Current Animate.css transition:
bounce
flash
pulse
shake
swing
tada
wobble
hinge
rollIn
rollOut
bounceIn
bounceOut
bounceInDown
bounceOutDown
bounceInLeft
bounceOutLeft
bounceInRight
bounceOutRight
bounceInUp
bounceOutUp
fadeIn
fadeOut
fadeInDown
fadeOutDown
fadeInDownBig
fadeOutDownBig
fadeInLeft
fadeOutLeft
fadeInLeftBig
fadeOutLeftBig
fadeInRight
fadeOutRight
fadeInRightBig
fadeOutRightBig
fadeInUp
fadeOutUp
fadeInUpBig
fadeOutUpBig
flip
flipInX
flipOutX
flipInY
flipOutY
lightSpeedIn
lightSpeedOut
rotateIn
rotateOut
rotateInDownLeft
rotateOutDownLeft
rotateInDownRight
rotateOutDownRight
rotateInUpLeft
rotateOutUpLeft
rotateInUpRight
rotateOutUpRight
slideInDown
slideOutUp
slideInLeft
slideOutLeft
slideInRight
slideOutRight
Prev
Next
letters delay 650ms
animation-duration 1.8s
font size 1em