Documentation
v1.2
GETTING STARTED
Premium element
ShowCase
Card Tilted
Tilted Card is an interactive element that creates a dynamic tilting effect with smooth rotation and optional overlays.
Preview
Quick Setup
data-tiltedcard=true
Required
Attribute that activates the Tilted Card effect.
data-image-src
Required
Defines the image source for the tilted card.
Advanced configuration
data-caption-text
Optional
Defines a tooltip caption that appears on hover.
data-rotate-amplitude
Optional
Sets the maximum rotation angle in degrees.
Default: 12
data-show-mobile-warning
Optional
Displays a warning message if viewed on a mobile device.
Default: false
data-show-tooltip
Optional
Enables a tooltip when hovering over the card.
Default: false
data-tooltip-bg
Optional
Defines the background color of the tooltip.
Default: #fff
data-tooltip-text-color
Optional
Defines the text color of the tooltip.
Default: #2d2d2d
data-scale-on-hover
Optional
Defines the scale of the card when hovered.
Default: 1.2
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours