HTML5 #a3{width:50px; height:50px; background-color:#000066;margin:200px 0 0 200px;color:#FFF;}@-webkit-keyframes aa1{ 0%{-webkit-transform:rotate(0deg) scale(1,1) skew(0deg,0deg);opacity:1;} 50%{-webkit-transform:rotate(180deg) scale(2,2) skew(45deg,0deg);opacity:0;} 100%{-webkit-transform:rotate(360deg) scale(1,1) skew(0deg,0deg);opacity:1;}}@-moz-keyframes aa1{ 0%{-moz-transform:rotate(0deg) scale(1,1) skew(0deg,0deg);opacity:1;} 50%{-moz-transform:rotate(180deg) scale(2,2) skew(45deg,0deg);opacity:0;} 100%{-moz-transform:rotate(360deg) scale(1,1) skew(0deg,0deg);opacity:1;}}.a3:hover{ -webkit-animation-name:aa1; -webkit-animation-duration:5s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite; -moz-animation-name:aa1; -moz-animation-duration:5s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite;}.a5{ -webkit-animation-name:aa1; -webkit-animation-duration:5s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite; -moz-animation-name:aa1; -moz-animation-duration:5s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite;}123456
查看更多关于CSS3的animation在chrome里运行出现【怪现象】_html/css_WEB-ITnos的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did113142
CSS3的animation在chrome里运行出现【怪现象】_html/css_WEB-ITnos
阅读:37次