CSS3 Flame Text Style code

CSS style:

<style type= "Text/css" >body{background: #000;} *{margin:0;padding:0;transition:all 1s;}. Dv1{text-align:center;font:bold 60px helvetica,arial,sans-serif;color: #F00;p adding:24px;text-shadow:0 0 4px #FFF, 0-5px 4px #ff3, 2px-10px 6px #fd3, -2px-15px 11px #f80, 2px-25px 18px #f20;}. Dv2{text-align:center;padding:24px;font:helvetica,arial,sans-serif;font-size:80px;font-weight:bold;color: #006; Background: #CCC; text-shadow:-2px-2px #FFF, 3px 3px #333;}. Dv3{text-align:center;padding:24px;font:helvetica,arial,sans-serif;font-size:80px;font-weight:bold;color: #006; Background: #666; text-shadow:2px 2px #FFF, -3px-3px #333;}. Dv4{text-align:center;padding:24px;font:helvetica,arial,sans-serif;font-size:80px;font-weight:bold;color: #006; Background: #CCC; text-shadow:-3px 0 #000, 0 2px #000, 2px 0 #000, 0-3px #000;}. Dv5{text-align:center;padding:24px;font:helvetica,arial,sans-serif;font-size:80px;font-weight:bold;color: #006; Background: #999; text-shadow:0 0 0.2em #f87, 0 0 0.2em #f87;}. Dv6{background: #0CC; font-size:80px;padding:20px 0px 20px 0px;font-weight:bold;color: #006; text-align:center;}. DV6 a{color: #fff;d isplay:block;text-decoration:none;transition-property:border, color, Text-shadow; Transition-duration:1s, 2s, 3s;text-shadow:0 1px hsla (0, 0% 100%, 1.0);}. DV6 a:hover{color: #000; text-shadow:0px 1px white;transform:translate ( -40px,-10px)}.dv7{width:100%;overflow:hidden ;p adding:20px 0px 20px 0px;}. DV7 a{background: #000; font-weight:bold;display:block;text-decoration:none;transition-property:border, Color, Text-shadow;transition-duration:1s, 2s, 3s;text-shadow:0 1px hsla (0, 0% 100%, 1.0); color: #006; text-align:center;font-size:80px;}. DV7 a:hover{color: #000; text-shadow:0px 1px white;transform:skew (10deg,2deg);}. dv8{width:100%;overflow:hidden;padding:20px 0px 20px 0px;}. DV8 a{background: #999; font-weight:bold;display:block;text-decoration:none;transition-property:border, Color, Text-shadow;transition-duration:1s, 2s, 3s;text-shadow:0 1px hsla (0, 0% 100%, 1.0); color: #006; text-align:center;font-size:80px;}. DV8 A:hover{color: #000; text-shadow:0px 1px white;transform:scale (1.7);} </style>

　　

HTML Mask:

<p class= "Dv1" >css3 text effects </p><!--Flame text--><p class= "dv2" >css3 text effects </p><!--raised text-- <p class= "Dv3" >css3 text effects </p><!--Sunken text--><p class= "dv4" >css3 text effects </p><!--Stroke Text-- <p class= "dv5" >css3 text effects </p><!--outer Glow text--><p class= "DV6" ><a href= "http://www.100sucai.com /">CSS3 text effects </a></p><p class=" dv7 "><a href=" http://www.100sucai.com/">css3 text effects </a ></p><p class= "DV8" ><a href= "http://www.100sucai.com/" >css3 text effects </a></p>

　　

View Mask: www.100sucai.com/code/1881.html

CSS3 Flame Text Style code