Hover to see the effect.

8 hover effects for header in HTML and CSS.

Dynamic.css is a bunch of awesome, cross-browser CSS animations to use in any project. It's perfect to animate incoming and leaving web page elements, but it also could be useful for sliders, :hover handlers and all kind of general use.

Catto-CSS is an online CSS animations library that simplifies the process of adding animations to a website or web application. It allows developers to use the source code without the need to install any dependencies, making it a convenient tool for web projects. Catto-CSS supports a wide range of animations. These include hover, automatic, infinity, and scroll animations.

Buttons blur on or un-blur on hover.

3D hover effect to open a book and reveal the synoposis of the book.

George Orwell 1984 book cover with hover effect in HTML, SVG and CSS.

Just a little experiment with pseudo elements. Semantic HTML is maintained. No boilerplate elements.

Pure CSS select box without any JavaScript. When there is hover on an option the motion of icon inside option is decided by the direction of hover i.e up hover or down hover (direction aware hover effect).

Pure CSS direction-aware card hover effects.

NFT card component with Glassmorphism and highlighted hover transition.

Creating a glitch effect where screen will shake on hover.

Gradient color button with hover glow.

CSS only. This probably shouldn't be used on a production site, just for fun.

The iconic clock wipe from Star Wars movies, created with a conic gradient mask and animated via CSS custom properties.

A neat transition effect made with CSS masking and an SVG.