Text Shadow In 3D Effect

Hello Friends Today we are discuss Text-Shadow With CSS.this Word Firefox,safari,Chrome and Internet explorer Is Not Working . The CSS 2 property text-shadow is supported in Safari since version 3 (also available for Windows), Opera since 9.5, Firefox since 3.1, Google Chrome since version 2, Konqueror and iCab.
In fact, text-shadow is supported by all browsers that are based on WebKit, the rendering engine behind Safari and Chrome. Internet Explorer 8 does not support such text shadows (except for some DirectX image transform filters).
Today I am Sharing How to 3D Text Shadow With CSS.

h1.tg-sha { font-size:200%;margin:10px 0 0;padding:0;color: #ffffff; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15); font-weight: bold;}
<h1 class="tg-sha">Text Here</h1>

Text CSS-3D TutorialSpots.Com

Using This Blog Title h1 tag

Leave a Reply