Item Blur Effect

A reverse hover blur effect created with CSS 3 and jQuery, a trick to help draw the user's attention and focus towards the hovered element

  Add it to your Download Basket!

 Add it to your Watch List!

0/5

Rate it!
send us
an update
LICENSE TYPE:

Other Free / Open Source License

USER RATING:
5.0/5 2
DEVELOPED BY:
Tympanus
HOMEPAGE:
tympanus.net
LANGUAGE:
JavaScript
CATEGORY:
C: \ Graphics and Multimedia \ Graphics and Animations
1 Item Blur Effect Screenshot:
Item Blur Effect - The background elements are blurred out whenever the user hovers one element from the same set
The blur effect is achieved using CSS 3 features like transitions, transforms and box shadows.

The Item Blur Effect works this way. When hovering the mouse over an element, instead of blurring the hovered element, the other page elements within the same container are blurred out, to put focus on the actively hovered one.

Item Blur Effect can be used for page sections where elements are displayed in a repetitive manner, mainly to help the user notice details about the hovered element.

A demo page is included with the download package.

Last updated on January 16th, 2014

Runs on: Windows / Linux / Mac OS / BSD / Solaris

requirements

#blur effect #hover effect #blur background #blur #background #graphics #effect

Add your review!

SUBMIT