Css-Only Direction Aware Box

3.08.2021

A CSS-only implementation of a box with direction-aware hover. N, NE, E, SE, S, SW, W NW.

Made with: HTML,CSS

View Code

Css-Only Direction Aware Box

Directionally Aware Css Buttons With React

14.06.2021

Made with: HTML (Pug),CSS (SCSS),JS (Babel)

View Code

Directionally Aware Css Buttons With React

Css 3D Image Hover Effects

1.11.2020

Pure CSS direction-aware card hover effects.

Made with: HTML,CSS

View Code

PlaceholderCss 3D Image Hover Effects

Css-Only Direction-Aware Hover Effect

18.02.2020

CSS-only direction-aware hover effect is actually less tricky than you might think.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderCss-Only Direction-Aware Hover Effect

Css-Only Direction-Aware Hover Effect

16.01.2020

A direction-aware hover effect that, guess what - works with pure CSS for full-page navigation :) Also uses clip-path and blend modes.

Made with: HTML,CSS

View Code

PlaceholderCss-Only Direction-Aware Hover Effect

Effect Card Direction Aware

5.09.2019

Made with: HTML,CSS

View Code

PlaceholderEffect Card Direction Aware

Pure Css Select Box With Direction Aware Hover Effect

20.10.2018

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).

Made with: HTML,CSS

View Code

PlaceholderPure Css Select Box With Direction Aware Hover Effect

Direction Aware Tiles

26.07.2017

Direction aware tiles using clip-path pure CSS.

Made with: HTML (Haml),CSS (SCSS)

View Code

PlaceholderDirection Aware Tiles

Css-Only Direction-Aware Cube Links

20.01.2017

Made with: HTML (Haml),CSS (SCSS)

View Code

PlaceholderCss-Only Direction-Aware Cube Links
PlaceholderProof-Of-Concept: Css Only Direction Aware Hover Blocks

Direction Aware Hover Pure Css

20.06.2013

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

Made with: HTML,CSS (SCSS)

View Code

PlaceholderDirection Aware Hover Pure Css