Give your app more modern look just by applying the entrance animation effect!
This module will help you to generate 30+ Entrance Animations CSS codes for 35 Layouts. (It means this module can generate 1000+ CSS Animation Codes.) Just not only layouts but you can animate other CSS classes too. Just replace .demo-class with your CSS class into the demo code. You can copy-paste generated CSS Code into Colors Section > Advanced Customizations CSS/SCSS.
How it works?
- Select your animation effect & preview it.
- Select your layout
- Copy CSS Code
Editor Module Features:
- 30+ Entrance Animations effects
- Ready-made code for 35 Layouts
- Live demo preview of animation
- Click to copy CSS code
Backoffice Module Features:
- Option to change demo preview image icon / logo
- You can customize the editor module color scheme just by changing the color codes.
Here are the list of our CSS animations:
Slide Animations Effects:
- slideInDown
- slideInLeft
- slideInRight
- slideInUp
Fade Animations Effects:
- fadeIn
- fadeInDown
- fadeInLeft
- fadeInRight
- fadeInUp
Zoom Animations Effects:
- zoomIn
- zoomInDown
- zoomInLeft
- zoomInRight
- zoomInUp
Bounce Animations Effects:
- bounce
- bounceIn
- bounceInDown
- bounceInLeft
- bounceInRight
- bounceInUp
Rotate Animations Effects:
- rotateIn
- rotateInDownLeft
- rotateInDownRight
- rotateInUpLeft
- rotateInUpRight
Other Animations Effects:
- flash
- pulse
- rubberBand
- shake
- swing
- tada
- wobble
- lightSpeedIn