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.

Card Content & Images

Text Controls

Title Color

Title Font Family

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

Title Font Weight

Title Font Size

28px

Paragraph Color

Paragraph Font Family

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

Paragraph Font Weight

Paragraph Font Size

16px

Gradient Overlay Controls

Grad. Start Color

Grad. Start Opacity

90%

Grad. Start Position

Grad. End Color

Grad. End Opacity

Grad. End Position

100%

Border Controls

Border Color

Border Width

0px

Border Radius

12px

Effects

Shadow Color

Shadow Opacity

63%

Shadow Offset X

-4px

Shadow Offset Y

9px

Shadow Z (Blur)

13px

Transition Speed

0.3s

Live Preview

Bento Grid Hover Effect

Code copied to clipboard!

Bento Grid Hover - KazyUI