深圳全飞鸿

标题: 来至guokb的一个CSS动画效果 [打印本页]

作者: zhgc 时间: 2023-9-10 16:34
标题: 来至guokb的一个CSS动画效果
.submenu ul li:nth-child(1) a{ -webkit-animation-iteration-count: infinite;  -webkit-animation-name:inout1 ; -webkit-animation-duration: .1ms; }
.submenu ul li:nth-child(2) a{ -webkit-animation-iteration-count: infinite;  -webkit-animation-name:inout2 ; -webkit-animation-duration: .2ms; }
.submenu ul li:nth-child(3) a{ -webkit-animation-iteration-count: infinite;  -webkit-animation-name:inout3 ; -webkit-animation-duration: .3ms; }
.submenu ul li:nth-child(4) a{ -webkit-animation-iteration-count: infinite;  -webkit-animation-name:inout4 ; -webkit-animation-duration: .2ms; }

@-webkit-keyframes inout1{
0%{opacity:.6;}
100%{opacity:1;}
}

@-webkit-keyframes inout2{
0%{opacity:.7;}
100%{opacity:9;}
}
@-webkit-keyframes inout3{
0%{opacity:.6;}
100%{opacity:1;}
}
@-webkit-keyframes inout4{
0%{opacity:.5;}
100%{opacity:.8;}
}

欢迎光临深圳全飞鸿 (http://www.nagomes.com/disc/)