来至guokb的一个CSS动画效果

zhgc

.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;}
}