利用CSS3实现页面淡入动画特效
发布时间:2016-08-24, 14:11:09 分类:HTML | 编辑 off 网址 | 辅助
正文 458字数 80,811阅读
@keyframes fade-in {
0% {opacity: 0;}/*初始状态 透明度为0*/
40% {opacity: 0;}/*过渡状态 透明度为0*/
100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
0% {opacity: 0;}
40% {opacity: 0;}
100% {opacity: 1;}
}
.cpzt_ul li:hover .newwcahpppdissss{display:block;
animation: fade-in;/*动画名称*/
animation-duration: 0.5s;/*动画持续时间*/
-webkit-animation:fade-in 0.5s;/*针对webkit内核*/
}
Run code
Cut to clipboard
(支付宝)给作者钱财以资鼓励 (微信)→
暂无评论 »