纯css代码实现火焰文字特效,喜欢就试试 <!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>CSS3火焰效果文字特效DEMO演示</title><style type="text/css" /> #fire{ text-align: center; margin: 100px auto; font-family: "Comic Sans MS"; font-size: 80px; color: white; text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e; } body {background:black; } </style></head><body><h1 id="fire">HTML5 Tricks</h1> <a href="http://www.zhaoxi.net/make/8935/"><img width="234" height="60" alt="一大一小动态闪烁边框图片" src="http://www.zhaoxi.net/images/mymake/2013/11/2013120403493362368.gif" /></a> </body> </html>
纯css代码实现火焰文字特效,喜欢就试试
<!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>CSS3火焰效果文字特效DEMO演示</title><style type="text/css" /> #fire{ text-align: center; margin: 100px auto; font-family: "Comic Sans MS"; font-size: 80px; color: white; text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e; } body {background:black; } </style></head><body><h1 id="fire">HTML5 Tricks</h1> <a href="http://www.zhaoxi.net/make/8935/"><img width="234" height="60" alt="一大一小动态闪烁边框图片" src="http://www.zhaoxi.net/images/mymake/2013/11/2013120403493362368.gif" /></a> </body> </html>
上一个:纯css 鼠标放上去 图片旋转的代码下一个:星外主机系统php5.2.17禁止的危险函数