TARGET ELEMENT ID

Canvas

Preview Background(preview only)

Match this to your website section's background color. The preview background acts as the section background of your page so your design blends seamlessly.

Layout Columns

Grid Columns

Text Styling

Title Font Family

Need a font? Check Google Fonts and copy the name and paste it here to apply.

Title Font Style

Title Font Size

20px

Title Color

Description Font Family

Need a font? Check Google Fonts and copy the name and paste it here to apply.

Description Font Style

Description Font Size

16px

Description Color

Text Alignment

Background

Background Type

Solid Color

Borders & Radius

Border Color

Hover Border Color

Border Radius

12px

Border Width

1px

Hover Effects

Glow Color

Glow Opacity

0.25

Glow Size

20px

Hover Scale

1.03

Transition Speed

350ms

Dim Amount

0.45

Card Contents

Touch Devices

Disable hover effects on touch

When checked, the card will not dim, glow, or scale on devices that do not support hover (mobile/tablet).

Live Preview

Card Hover Effect

Code copied to clipboard!

Card Hover Effect - KazyUI