Radial Gradient Spotlight Effect

This pen shows how CSS radial gradients can be used to create a focusable spotlight effect.

Made with: HTML

View Code

Icons Hovering

Pretty hover effects for icons.

Made with: HTML

View Code

Glitch Effect On Hover

Learn how to create the glitch effect with CSS clip-path without JS.

Made with: HTML,CSS (SCSS)

View Code

Responsive 16/9 Thumbnail & Shine Hover Effect

This thumbnail maintain 16/9 aspect ratio at any size. There are a shine hover effect and a little animation when launching the video. Shine effect using CSS variables inspired by Raul Dronca.

Made with: HTML/Pug

View Code

Hover Animation

One div hover animation.

Made with: HTML

View Code

Pure Css Hover Blur

Made with: HTML,CSS

View Code

Lifted Paper Strips

Lifted Paper Strips (Hover Effect).

Made with: HTML/Pug

View Code

Css Only Fade Siblings On Hover

Fade out all siblings when an item is hovered, using only CSS.

Made with: HTML

View Code

Hover Effect For Discover A Project Link

A hover effect to discover a project name into a portfolio for example.

Made with: HTML

View Code

Hover Effect

Animation hover effect.

Made with: HTML/Haml

View Code

Pure Css Questionnaire Concept

Made with: HTML,CSS (SCSS)

View Code