Card

It is an interactive element that offers a host of educational uses. You can put content on both sides and the user can click on the card to discover the content hidden behind.

Animation

It allows you to choose how you want the B side to display. You have several transition effects:

  • Flip Horizontal: The card flips horizontally and reveals the side B on the reverse.
  • Flip Vertical: The card flips vertically and reveals the side B on the reverse.
  • Cross-fade: Side A fades showing side B.
  • Slide up: Side A slides up while side B accompanies it in its movement from below.
  • Slide left: Side A slides left while side B accompanies it in its movement from the right.
  • Discover: When you click, side A slides right while revealing side B, or side B slides left while revealing side A. On top of that, by dragging the puller you can reveal any side while controlling both speed and direction.

Side A and Side 

You can edit the text directly on the slide on both sides of the card, with the same options as a text element. Read more about it in the related article.

You can also configure both sides with a background color or image choosing the option you like the most in the selector of the properties panel. You can combine a side with color and the other side with an image or configure both sides with the same type of background, you decide!

  • Color: Choose one of the colors on the palette and set the opacity. In addition, you can choose any other color using the customized color configurator.
  • Gradient: Choose one of the gradients on the palette and set the opacity and the angle. In addition, you can choose any other gradient using the customized gradient configurator.
  • Image: If you decide to use an image as the background of a side you will have the same configuration options as the image element. View the related article for more information.

Continue reading  Types of elements

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us