Css Directional Motion Blur

30.12.2019

Motion/directional blur in pure HTML/CSS with the use of filter:blur and inverse scaling on parent and child.

Made with: HTML,CSS

View Code

Css Directional Motion Blur

Shifting Depth Of Field

13.07.2016

A demo intended to mimic the shifting depth of field of a camera lens using blur filters and keyframes.

Made with: HTML,CSS

View Code

Shifting Depth Of Field

Pure Css Motion Blur

7.05.2016

CSS keyframes animation of a ball with motion blur. Animation made with only one element.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderPure Css Motion Blur

Blurred, Invisible Ink, And Redacted Text

2.05.2016

Exploring some ways of visually hiding or obscuring text with CSS filters and pseudo-elements.

Made with: HTML,CSS (SCSS)

View Code

Blurred, Invisible Ink, And Redacted Text

Blur Buttons

13.12.2015

Buttons blur on or un-blur on hover.

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

View Code

Blur Buttons

Loading Animation Css

29.10.2015

Text blur animation CSS only.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderLoading Animation Css

A Blurred Overlay

10.09.2015

Made with: HTML,CSS (SCSS)

View Code

A Blurred Overlay

In/Out Of Focus Text Effect

23.05.2015

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

View Code

In/Out Of Focus Text Effect

Text Blurring Animation

2.12.2014

Text animates in from being blurred to crisp and out again. Uses CSS3 animations and text-shadow.

Made with: HTML,CSS

View Code

PlaceholderText Blurring Animation

Hover Effect Blur

24.10.2014

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

View Code

PlaceholderHover Effect Blur

Pure Css Text Blur

16.04.2014

A simple text blur effect using pure CSS.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Text Blur

Rollover Csss Blur Filter Image Gallery

3.05.2013

Utilizing CSS transitions & transforms and the CSS blur filter.

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

View Code

PlaceholderRollover Csss Blur Filter Image Gallery

I Love Blur

19.04.2013

Made with: HTML,CSS

View Code

PlaceholderI Love Blur