首页 > 代码库 > css3 风车旋转
css3 风车旋转
<style> .box{width:400px;height:400px;margin:100px auto;transition:1s;} .box div{width:180px;height:180px;margin:10px;border:1px solid red; background:deeppink;box-sizing:border-box;float:left;text-align:center; line-height:180px;} .box div:nth-of-type(1),.box div:nth-of-type(4){border-radius:0px 100px;} .box div:nth-of-type(2),.box div:nth-of-type(3){border-radius:100px 0px;} .box:hover{-webkit-transform:rotate(800deg);} </style></head><body> <div class="box"> <div>我</div> <div>要</div> <div>努</div> <div>力</div> </div></body>
通过transition:1s;可以设置播放的速度css3 风车旋转
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。