首页 > 代码库 > 动画效果(兼容各个浏览器)
动画效果(兼容各个浏览器)
.destination1 .current{ display:block; animation:danru 2s linear infinite; -webkit-animation:danru 2s linear alternate ; -moz-animation:danru 2s linear alternate ; -o-animation:danru 2s linear alternate ; -ms-animation:danru 2s linear alternate ; } @keyframes danru{ 0% {opacity:0.00;left:0px; top:0px;} 25% {opacity:0.25;left:50px; top:0px;} 50% {opacity:0.50;left:100px; top:0px;} 75% {opacity:0.75;left:150px; top:0px;} 100% {opacity:1.0; left:200px; top:0px;} } @-webkit-keyframes danru{ 0% {opacity:0.00;left:0px; top:0px;} 25% {opacity:0.25;left:50px; top:0px;} 50% {opacity:0.50;left:100px; top:0px;} 75% {opacity:0.75;left:150px; top:0px;} 100% {opacity:1.0; left:200px; top:0px;} } @-moz-keyframes danru{ 0% {opacity:0.00;left:0px; top:0px;} 25% {opacity:0.25;left:50px; top:0px;} 50% {opacity:0.50;left:100px; top:0px;} 75% {opacity:0.75;left:150px; top:0px;} 100% {opacity:1.0; left:200px; top:0px;} } @-o-keyframes danru{ 0% {opacity:0.00;left:0px; top:0px;} 25% {opacity:0.25;left:50px; top:0px;} 50% {opacity:0.50;left:100px; top:0px;} 75% {opacity:0.75;left:150px; top:0px;} 100% {opacity:1.0; left:200px; top:0px;} } @-ms-keyframes danru{ 0% {opacity:0.00;left:0px; top:0px;} 25% {opacity:0.25;left:50px; top:0px;} 50% {opacity:0.50;left:100px; top:0px;} 75% {opacity:0.75;left:150px; top:0px;} 100% {opacity:1.0; left:200px; top:0px;} }
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。