The perspective card widget brings your a unique and modern tool to display your data with its perspective animation.This widget uses a text, an image or icon, and a fully customizable animation that you can control to make your own perspective card display.
Lets go over the details of this amazing widget.
In the content section you can define all the elements of your perspective card.
Under the perspective values section, you will be able to control all the aspects of the perspective animation.Change the duration, timing, and define the coordinates for the rotation and translation.
Under the styling tab, you will have the full control over the styling of all the design aspects of the perspective card widget.Text, icon, container, everything is available.
Customize the text properties for the title & short description text.Change the font size, letter spacing... choose from hundreds of Google font families.
-Colors : Customize the color of your text elements and create a unique design.
-Distances : Control the margins & distances between each element.
This section will be used to style the container of the widget.
-Background Type & Colors : You can either upload an image to use as a background or use colors instead.Solid and gradient colors are both available with the addition of having full control on the gradient behavior.
-Borders & Shadows : Control border for your icon & apply custom box shadows.
-Overlay : You can enable an overlay and customize its color to create fancy designs.
-Container padding : Control the each container inner space.
Control everything about your icon, apply a custom icon & background sizes.
-Gradient Colors : You can apply a solid single color, or a gradient color with custom directions for both the icon and the icon background.
-Borders & Margins: Customize borders for the icon container and apply margins to control the space between the icon and the other elements.
If you can't find what you are looking for any our documentation website, please feel free to open a support ticket & get help from our support team.