web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
文字效果
css3火焰文字特效
分类：
文字效果
日期：
2024-05-14
点击(1)
评论(0)
演 示
免费下载
简介
##### HTML结构 使用任意元素来包裹要实现火焰文字特效的文字。 ```html <span class="text-effect">jQuery站酷</span> ``` ##### CSS3 然后通过下面的CSS代码来实现文字的火焰特效。 ```html .text-effect{ display: block; font-size: 130px; color: #fff; text-align: center; text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red; position: relative; } @media only screen and (max-width: 990px){ .text-effect{ font-size: 100px; } } @media only screen and (max-width: 767px){ .text-effect{ font-size: 80px; } } @media only screen and (max-width: 479px){ .text-effect{ font-size: 50px; } } ```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
