css3mask淡出文字
css3mask淡出文字
<pre>
.p0_11wrap {
width: 0.299rem;
height: 7.68rem;
overflow: hidden;
background: url(/weiyeweiwangzhan/images/0/p0_11.png) no-repeat;
background-size: 100%;
background-position: 0rem 3.8rem;
-webkit-mask: url(/weiyeweiwangzhan/images/0/p0_11zhezhao.png) no-repeat;
-webkit-mask-size: 0.299rem 7.68rem;
-webkit-mask-position: 0 0;
position: absolute;
left: 76.933%;
top: 21.891%;
}
.p0_11warpzhezhao {
width: 0.299rem;
height: 7.68rem;
background: url(/weiyeweiwangzhan/images/0/p0_11zhezhao.png);
background-size: 0.299rem 7.68rem;
background-position: 0rem 0rem;
position: absolute;
left: 76.933%;
top: 21.891%;
}
.wenzianim1 {
animation: wenzianim1 4s linear 1s forwards;
-webkit-animation: wenzianim1 4s linear 1s forwards;
}
@keyframes wenzianim1 {
0% {
-webkit-mask-position: 0rem -8.080rem;
}
100% {
-webkit-mask-position: 0rem 0rem;
}
}
@-webkit-keyframes wenzianim1 {
0% {
-webkit-mask-position: 0rem -8.080rem;
}
100% {
-webkit-mask-position: 0rem 0rem;
}
}
<div class="p0_11wrap wenzianim2">
</div>
</pre>
最新文章
- .Net元编程【Metaprogramming in NET】 序-翻译
- 安装和配置VNC服务器的法则
- JQuery_过滤选择器
- scrollTop 鼠标往下移动到一定位置显示隐藏
- MyBatis知多少（6）表现层与业务逻辑层
- 20135208 第一次JAVA实验报告
- window IIS6/IIS7取消脚本执行权限，禁止运行脚本木马
- TopFreeTheme精选免费模板【20130629】
- NS_ENUM & NS_OPTIONS
- XACML-<Target> 元素的结构与相关的评估
- js的面向对象的程序设计之理解继承
- Linux下 保存 git账号密码
- IOS 可靠性测试 iosMonkey
- Serialization performance analysis
- 使用spring利用HandlerExceptionResolver实现全局异常捕获
- 开通阿里云 CDN
- ListIterator的使用
- Mahout Bayes分类
- open() 文件读写简要记录
- python 视频爬虫