Your budget

Prices in US dollars

Show 344 products up to $30

No. 467Motion

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.

$19

Fits your $30 budget

  • 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

Search by name, type, tag or app, for example “dashboard” or “Figma”.