Call to Action - Short - Parallax Effect

Owned by Zachary Restifo
Last updated: Dec 06, 2024 by Denise Meyer
1 min read

When you create a Call to Action item and go to insert it on to a page, you have several template options for display.

 

For more information on creating Call to Action banner, visit these instructions:

Call to Action Banners

 

This page provides an example of a Call To Action component displayed with the Call to Action - Short - Parallax Effect template, as it appears on a page.

Example

The Parallax Effect is an animation that can be used to emphasize an image in a CTA Banner and the Banner itself.

  • As the user scrolls down the page and the banner moves into view, the background image will zoom in slightly.

  • The effect emphasizes the Banner, giving visual indication as the user scrolls that they should pay attention to it.

The difference between the normal short banner and its zoomed-in (Parallax) state is shown below:

 

The normal Call to Action - Short Banner is highlighted in yellow above.

The Call to Action - Short - Parallax Effect Banner is highlighted in blue above, with the image slightly zoomed in because the user has scrolled far enough for the banner to be completely visible on the page.