Animations

Pre-defined classes for various CSS animations. Using it is as simple as including assigning the class to the element.

fadeInRightBig

.wdpk-fadeInRightBig

fadeInUp

.wdpk-fadeInUp

fadeInUpBig

.wdpk-fadeInUpBig

flipInX

.wdpk-flipInX

flipInY

.wdpk-flipInY

lightSpeedIn

.wdpk-lightSpeedIn

lightSpeedOut

.wdpk-lightSpeedOut

rotateIn

.wdpk-rotateIn

rotateInDownLeft

.wdpk-rotateInDownLeft

rotateInDownRight

.wdpk-rotateInDownRight

rotateInUpLeft

.wdpk-rotateInUpLeft

rotateInUpRight

.wdpk-rotateInUpRight

rollIn

.wdpk-rollIn

zoomIn

.wdpk-zoomIn

zoomInDown

.wdpk-zoomInDown

zoomInLeft

.wdpk-zoomInLeft

zoomInRight

.wdpk-zoomInRight

zoomInUp

.wdpk-zoomInUp

slideInDown

.wdpk-slideInDown

slideInLeft

.wdpk-slideInLeft

slideInRight

.wdpk-slideInRight

slideInUp

.wdpk-slideInUp

rotateOutDownLeft

.wdpk-rotateOutDownLeft

rotateOutDownRight

.wdpk-rotateOutDownRight

rotateOutUpLeft

.wdpk-rotateOutUpLeft

rotateOutUpRight

.wdpk-rotateOutUpRight

fadeOutDown

.wdpk-fadeOutDown

fadeOutDownBig

.wdpk-fadeOutDownBig

fadeOutLeft

.wdpk-fadeOutLeft

fadeOutLeftBig

.wdpk-fadeOutLeftBig

fadeOutRight

.wdpk-fadeOutRight

fadeOutRightBig

.wdpk-fadeOutRightBig

fadeOutUp

.wdpk-fadeOutUp

fadeOutUpBig

.wdpk-fadeOutUpBig

flipOutX

.wdpk-flipOutX

flipOutY

.wdpk-flipOutY

rotateOut

.wdpk-rotateOut

hinge

.wdpk-hinge

rollOut

.wdpk-rollOut

zoomOut

.wdpk-zoomOut

zoomOutDown

.wdpk-zoomOutDown

zoomOutLeft

.wdpk-zoomOutLeft

zoomOutRight

.wdpk-zoomOutRight

zoomOutUp

.wdpk-zoomOutUp

slideOutDown

.wdpk-slideOutDown

slideOutLeft

.wdpk-slideOutLeft

slideOutRight

.wdpk-slideOutRight

slideOutUp

.wdpk-slideOutUp

fadeOut

.wdpk-fadeOut