Template Gallery

Get 80% of your time back with Criya AI auto-designer. Built to design and craft visually perfect content, every single time.

Start for free
Full Page Templates

Getting started

Criya's proprietary AI model is trained to generate on-brand, visually formatted content based on the template you choose. All in 1-click.

Experience the era of AI in your GTM funnel

Start for free
Book a demo

AI that builds GTM assets in seconds

Thanks for subscribing to our newsletter!
Oops! Something went wrong while submitting the form.

Copyright © Criya

Welcome to Daily Interaction 67

Add to Cart Button Animation on Hover

This example showcases moving lines around an image. The image also has a 3d rotation on hover.

do the honors,
hover over the button!

Quote #3

“We are all, right now, living the life we choose”
-Peter McWilliams

Quote #2

“If a thing loves, it is infinte”
-William Blake

Prev

Cloning Instructions

To copy this project into your own project simply click on the 'clone' button below.

After the project is cloned you can copy the 'd-118-3d-wrapper' to use the '3d info card animation on hover and click.' The animations are copied into the Webflow 'Interactions (H)' panel.

Clone

Learn UI Design

The most comprehensive UI Design course on the web.

The Learn UI Design course by Erik Kennedy is the most comprehensive course on UI Design on the web. It covers everything from typography, color, elements, and process. If you are new to web development or design I highly recommend this course.

Go to Course