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.