HTML实现图片360度循环旋转

来源:互联网 发布:深宫遗梦 知乎 编辑:程序博客网 时间:2024/05/29 13:33

HTML实现图片360度循环旋转

效果图

这里写图片描述

//css代码.header{    -webkit-animation:rotateImg 1s linear infinite;    width: 80px ;    height: 80px;    border: 1px solid #ccc;    vertical-align: middle;}@keyframes rotateImg {  0% {transform : rotate(0deg);}  100% {transform : rotate(360deg);}}@-webkit-keyframes rotateImg {    0%{-webkit-transform : rotate(0deg);}  100%{-webkit-transform : rotate(360deg);}}//html代码<img class="header" src="me.png">
0 0