animationcss逐渐消除,css3动画控制元素淡⼊淡出显⽰效果/*定义公共淡⼊淡出效果 fadenum*/
@-webkit-keyframes fadenum{ /*设置内容由显⽰变为隐藏*/
0%{opacity: 0;}
100%{opacity: 1;}
}
@-moz-keyframes fadenum{ /*设置内容由显⽰变为隐藏*/
0%{opacity: 0;}
100%{opacity: 1;}
js控制css3动画触发}
@-o-keyframes fadenum{ /*设置内容由显⽰变为隐藏*/
0%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes fadenum{ /*设置内容由显⽰变为隐藏*/
0%{opacity: 0;}
100%{opacity: 1;}
}
/*元素使⽤该效果*/
.demo{
width: 300px;
height: 200px;
background: red;
-
webkit-animation: fadenum 4s ease;
-moz-animation: fadenum 4s ease;
animation:fadenum 4s ease;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。