Controls

Blur Type:

Blur Distance:

Blur Size:

Text:





Please scroll down...
(also make sure you're using Chrome or Firefox [not on mobile])

















OMG


















SO BLURRY


















We've all seen blurry text created with CSS3.


















But have you seen motion blur?

















rmcmillan.net












This blur type has minimal functionality
It will probably only work on Chrome.

The blur has no direction and therefore no "Blur Distance". It does, however, allow images as well as text.


















Descension
OMG BLURRY IMAGES


















This works by using webkit's "filter: blur()".


















This means we can't specify a direction for the blur.


















And it's pretty slow on low-end machines.


















Descension

Still awesome none the less.

















rmcmillan.net