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.

text-shadow

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 –

text-effects

Add Comment

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