Web designer and developer Mary Lou shows us how to create a simple blur effect for text-based items using jQuery and CSS3. What this plugin does is it blurs and scales down texts boxes that are hovered over, while scaling up the item in focus, drawing attention to it. Click on the image to know more about the tutorial.

Note: This effect will work properly in browsers that support transitions. Use Safari or Chrome to view smooth transitions of the demo, then download the file here.

Incoming search terms for the article:

• jquery blur effect
• blur effect jquery
• item blur effect
• item blur effect with css3 & jquery
• jquery drawing effect
• effect blur jquery
• jquery blur image
• item blur effect css3 jquery
• css3 item blur
• jquery flash effect