首页 > 代码库 > css3 自定义动画(1)
css3 自定义动画(1)
<style> /*@-webkit-keyframes 动画名称 {} 用时:-webkit-animation:时间 动画名称; *//* @-webkit-keyframes move{ 开始时 0%{width:100px;} 结束时 100%{width:500px;}} *//* (2)没有起始时间@-webkit-keyframes move{ 50%{width:500px;}} *//*ease-in 先慢后快 ease-out先快后慢*/ /*.box{width:100px;height:100px;background:red;-webkit-animation:5s move ease-in;}*//*针对火狐浏览器,其他浏览器一样*/@-moz-keyframes move{ 0{width:100px;} 50%{width:300px;} 100%{width:500px;}}.box{width:100px;height:100px;background:linear-gradient(to right,red,green); -moz-animation:5s move;} </style>
css3 自定义动画(1)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。