Image Flip Card

Component ID

2452399

Component name

Image Flip Card

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Component created

Component changed

Component body

This module provides a basic image field formatter, for showing an Image Flip Card.

An Image Flip Card is a 2 sided image, that can flip horizontally or vertically, using CSS3 transform properties.

The field formatter has a settings form that allows the following settings:

  • Front Delta: Image delta for multiple field, to be displayed on the Front side of the Card;
  • Back Delta: Image delta for multiple field, to be displayed on the Back side of the Card;
  • Flip style: The flip style for the animation. Can be Horizontal (default) or Vertical.
  • Image style: The image style to be used for the Image Card.
  • Image URL: The path that the image will redirect to when clicked. Options: Content / File.

This module was inspired by this article: David Walsh - CSS Flip