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.

Images & Layout

Image 1 URL

Image 2 URL

Image 3 URL

Border Radius: 0px

Colors

Accent Color

Overlay Color

Overlay Opacity: 0.6

Hover Effects

Border Thickness: 8px

Hover Gap Offset: 14px

Transition Duration: 0.3s

Shadow

Enable Shadow

Miscellaneous

Always expanded on touch

If checked, the frame effect is permanently visible on mobile & tablet. If unchecked, users must tap the image to see it.

Live Preview

Frame Hover Effect

Code copied to clipboard!

Frame Hover Effect - KazyUI