You can add animations to any element or container within SiteCritter.
Select the element or container you would like to animate. On the right toolbar, look for the "animations dropdown".
Choose one of the effect options:
- None
- Fade in
- Zoom in
- Bounce in
- Slide in
- Rotate in
You can preview these from within the builder to see how they look. You can click the play button just underneath to view the animation as many times as you need.
Choose the direction you would like the animation to go in:
- None
- Top
- Right
- Bottom
- Left
Some elements have additional options you can alter:
- Duration: changes how long the animation takes to occur
- Delay: Delays how long it will be before the animation starts
- Loop: let's the animation loop continuously
You can also change the animation for default which will play the automation when a user scrolls to the section of the website. Or on hover which will play the animation when a user hovers over the element. Note that hover animations will not work on touchscreen devices.