分类
<style> .text-effect{ color: #fff; font-family: '微软雅黑'; font-size: 80px; text-transform: uppercase; text-align: center; letter-spacing: 8px; margin: 30px auto 0; animation: 4s animate infinite linear; } @keyframes animate{ 0%{ text-shadow: 0 0 0 white; } 40%{ color: rgba(255,255,255,0); text-shadow: 0 0 30px white; } 70%{ color: rgba(255,255,255,0.4); text-shadow: 0 0 10px white; } 90%{ color: rgba(255,255,255,0.6); text-shadow: 0 0 30px white; } 100%{ text-shadow: 0 0 40px rgba(255,255,255,0); } } @media only screen and (max-width: 990px){ .text-effect{ font-size: 80px; } } @media only screen and (max-width: 767px){ .text-effect{ font-size: 40px; } } @media only screen and (max-width: 479px){ .text-effect{ font-size: 30px; } } @media only screen and (max-width: 359px){ .text-effect{ font-size: 25px; } } </style>
<div class="text-effect"> <span>模糊文本</span> </div>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。