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 Settings

Small (Top Left)

Image URL

Title

Text

Wide (Top Right)

Image URL

Title

Text

Wide (Bottom Left)

Image URL

Title

Text

Small (Bottom Right)

Image URL

Title

Text

Text Settings

Title Color

Text Color

Title Font

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

Text Font

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

Title Size 18px

Text Size 11px

Alignment

Image Color Overlay

Overlay Color

Overlay Opacity 0.3

Background

Type

Color 1

Color 2

Angle -45°

Image Hover

Opacity 0.6

Scale 1.1

Duration 0.35s

Border

Color

Width 1px

Shadow

Shadow Offset X 0px

Shadow Offset Y 4px

Shadow Blur 12px

Shadow Spread 0px

Shadow Color

Shadow Opacity 0.3

Miscellaneous

Touch Devices

Always show hover state on touch

Live Preview

Bento Hover

Heavy Lifting

Build your foundation and push your physical limits.

Peak Endurance

Elevate your heart rate and outrun your old goals.

Explosive Power

Sharpen your reflexes and move with absolute precision.

Active Recovery

Recharge your muscles and lock in your mindset.

Code copied to clipboard!

Hover Image Bento - KazyUI

Heavy Lifting

Peak Endurance

Explosive Power

Active Recovery