To create a Flip card interactive, follow these steps:
|
Once the form is open, you'll find the following fields to fill out:
|
Card Type Customize the appearance of your cards, including their type, number per row, and event interactions to match your page's aesthetics. Type: Select either Square or Portrait for the card shape. Number of Cards per Row: Choose how many cards to display per row, with options ranging from 1 to 4, to ensure optimal visual organization. Event Options: Configure interactions such as hover effects or click actions to enhance user engagement. |
Card Front Enhance the front of your card to create engaging initial views that capture attention and encourage interaction. Highlight key information and make a memorable impression with the following customization options: Padding (px): Adjust the space inside the element's border to improve layout and readability using pixel measurements. Border Color: Customize the border color to highlight the content section, using a palette or specific Hex/RGBA codes. Border (px): Specify the border thickness or width, with styles such as Solid, Dashed, Dotted, Double, Groove, and Ridge. Border Radius: Adjust the curvature of the border corners for a softer visual effect. Background Color: Change the background color behind the text to improve readability and emphasize content, selecting from a color palette or Hex/RGBA codes. |
Card Back Enhance the card back in flip cards to provide detailed information or additional content, enriching user interaction and understanding. Customize the card back with the following options: Padding (px): Adjust the space inside the element's border for better layout and readability. Border Color: Use a color palette or specific Hex/RGBA codes to customize the border color and make it stand out. Border (px): Specify the border thickness with styles like Solid, Dashed, Dotted, Double, Groove, and Ridge. Border Radius: Adjust the curvature of the border corners for a softer visual effect. Background Color: Change the background color behind the text to enhance readability and emphasis, using a color palette or Hex/RGBA codes. |