Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once we hover over them. The item in focus will scale up. This will create some kind of “focus” effect that drwas the attention to the currently hovered item. Today we want to show you how to create a simple blur effect for text-based item
![Item Blur Effect with CSS3 and jQuery | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/08bfe24b9598823fd6995f1cd03f6b46b4ad5807/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2011%2F12%2FItemBlurEffect1.jpg%3Fx49793)