为了账号安全,请及时绑定邮箱和手机立即绑定

css文字特效求大神解答

css文字特效求大神解答

bwjhhjj 2018-06-15 10:21:59
用css滤镜来制作文字特效:光晕字,阴影字,遮罩字、动感字它们的代码分别是什么呢
查看完整描述

1 回答

?
兼容并包

TA贡献83条经验 获得超67个赞

.masked{
     background:url(../image/paint.png);    -webkit-text-fill-color:transparent;    -webkit-background-clip:text;    -webkit-animation-name:masked-animation;    -webkit-animation-duration:40s;    -webkit-animation-iteration-count:infinite;    -webkit-animation-timing-function:linear;    color:#fff;}@-webkit-keyframes masked-animation {
    0% {background-position:left bottom;}
    100% {background-position:right bottom;}}
<div class="masked">
    <h4>这是一段可选文字</h4></div>
   <!--这以上一个特效-->
    <!--这以下又是一个特效-->
    
    p{
    text-shadow: 5px 5px 2px #FF0000;
}
<p>阴影文字</p>


查看完整回答
反对 回复 2018-06-15
  • 1 回答
  • 0 关注
  • 708 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号