Brickscore / Elements / 
Flipbox

Flipbox

Core element

Front Flipbox

Front Flipbox

Documentation

Mask Hover is a nestable element with 2 additional nestable blocks: Content and Mask Content.
You can place the elements you want at them. Visible content must be placed inside "Content" element. Content Visible on hover must be placed at the "Mask content" element.

Style

Width & Height

Determines the Flipbox dimensions. 300px by default at both of them.

Front & Back Style

You can customize both Front & Back styles directly from here. This includes padding, border, background and boxShadow.

Animation

Type

Type will determine the flipbox direction. There are 4 types: horizontal, horizontal-reverse, vertical, vertical-reverse. Horizontal by default.

Trigger

The event that will trigger the flipbox animation. Hover or click. Hover by default.

Perspective

Determines the flip intensity. 800px by default.

Transition duration & easing

Determines the duration and CSS easing of the flip.

Don´t miss anything. Join us & build betterJoin Brickscore Community Updates

No spam. Only Brickscore news and showcases

Brickscore 
© 2024 Brickscore. All rights reserved.