Interactive Callouts
Interactive Callouts
Description
Its always nice when the content in a callout is relatively similar in character length, however, sometimes it can be hard to ensure that. Interactive callouts like flip-boxes and slide-boxes can help solve this problem. Just be careful to use these as accents with links to read more on another page – never put too much content in these.
Sample Callouts
See how the interactive callout modules like flipbox and slidebox shown in the examples below can help hide the uneven character lengths in these simple callout text boxes.
Flipbox
Hover to flip and reveal remaining content on the back.
Let's Flip!
Lorem Ipsum is simply dummy text...
Cool!
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Slidebox
Click the arrow to slide and reveal remaining content below.
Interactive Banner 1
13 hover options available with call-to-action and various overlay colors.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Interactive Banner
Interactive Banner 2
Hover over the banner to reveal the description text. Never place more than a few lines of content in the description area.
Interactive Banner 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Tags: call to action, callout, Callouts, CTA