Cool 3D text effects using css3


In this post you’ll learn how to generate 3d text effects without using font-family? We can create many types of text effect using text-shadow property in css3. Even we can also generate cool 3D text effects and glowing effects.

The text-shadow property is used to add shadow on a text.


You can use multiple shadow to the text using comma(,) separation.

For e.g.

text-shadow: 0 0 3px #ccc, 1px 1px 3px #aaa, 2px 2px 4px #333, -3px -3px 5px #000;

I create some of the text-effects shown in below image –


(Visited 1,401 times, 1 visits today)

Add Comment

Required fields are marked *. Your email address will not be published.