Blurry text
Text made blurred with pure CSS. The main trick here is the text-shadow
property and the use of transition
property to create a smooth animation of blurring the text. In this creation, two text shadows are used (one going to bottom right and another one going to top left) by separating them by a comma (,). Also, the color of the text-shadow
is same as the font color and that's how the text looks blurred otherwise it will look just like a shadow.