Cover illustration. The files are listed under What's inside.
Website Hover Animation Pack
Plain HTML and CSS hover animations for website links, images, cards, buttons, menus and galleries, 60 in total, each with a Tailwind CSS version.
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 60 effects
- File formats
- .html, .css, .js, .gif
- Supported software
- HTML/CSS, Tailwind CSS, Any code editor
- Download size
- 9 MB
- Good for
- Portfolio and agency sites
- Blog and magazine layouts
- Landing pages
About this product
Links, images, cards, buttons, menus and galleries each get their own group of hover effects, 60 in total: underlines that draw or slide, image zooms and reveals, cards that lift or tilt, button fills, menu highlights and captions that rise over a photo. Each effect is a short block of plain CSS with an HTML example, and a Tailwind CSS version uses standard utility classes.
One demo page previews all 60, so a web designer or developer compares effects side by side and copies the chosen code, with nothing to write from a blank stylesheet. Only the card tilt needs JavaScript, a 1 KB script. Every effect also triggers on keyboard focus, a reduced-motion query tones the movement down for visitors who ask for less, and GIF previews help when showing options to a client.
What's inside
- 60 effects in 6 groups: links, images, cards, buttons, menus, galleries
- Plain CSS with an HTML example for each effect
- Tailwind CSS versions using standard utility classes
- Triggers on keyboard focus as well as hover
- Reduced-motion fallbacks; only the card tilt needs JavaScript
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Create social posts and ads for a client from a social media template
- Use the same asset in as many of your projects as you like
- Design a client's website with a UI kit and hand over the finished site
- Build your startup's pitch deck from a presentation template
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license