An experiment using webfonts in combination with CSS 3D transform tools.

3D-looking clapperboard/slate drawn with CSS and a single HTML element. It uses perspective (which provides 3D capabilities) but also uses shadows to simulate depth). It is slightly animated on hover.

Little hover ripple effect.

This is a cool little mixin I made in SCSS for button animations. Hover over the buttons to see the magic!

A glitch hover effect using only CSS.

Minimal button with awesome hover effects using pure CSS3.

Just hover your mouse to discover these beautifully themed buttons in action. Pure CSS(SCSS); absolutely no JavaScript.

Hover the button to ride the wave!

Button with fancy hover animation.

CSS blow button on hover.

Responsive amazing button with hover effect.

Futuristic and organic button styles with hover effect. Uses the backdrop-filter effect for a slight frosty glass effect. CSS via Sass as a preprocessor, HTML via Pug. No Javascript in use.

Showing icons on mouseover in a button uing pure CSS.

Frosted glass effect using CSS3 filter property. The card's title and description slide up on hover, blurring the card's background behind them.

Using an unfolding animation to reveal card content on hover. As a fallback for mobile, cards simply stay in open position if hover is unavailable.

A

with a

Hover effect for card in HTML and CSS.

Hover over the body to change the angle of inclination. You can click on the map to see its reverse side. The effect is based on pure CSS with properties: - display: grid - perspective - transform and - mouse hover - input: checked - and dependence on neighboring objects