Text Depth Of Field Effect

Kushagra Agarwal

• 16757
• 28
• 2

Very cool Text Depth Of Field Effect created by Sawyer Hollenshead. It is achieved using a very creative use of text-shadow to create the blur effect. To create more depth, the text that is far away is given larger text-shadow and is scaled negatively to make a little bit smaller.

This can be animated using jQuery like you can see on the original link.

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room