CSS3旋转动画 纯css3加载loading特效

相关css3代码@-moz-keyframes spinPulse { 0% { -moz-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #505050 } 50% { -moz-transform: rotate(145deg); opacity: 1 } 100% { -moz-transform: rotate(-320deg); opacity: 0 } } @-moz-keyframes spinoffPulse { 0% { -moz-transform: rotate(0deg) } 100% { -moz-transform: rotate(360deg) } } @-webkit-keyframes spinPulse { 0% { -webkit-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #505050 } 50% { -webkit-transform: rotate(145deg); opacity: 1 } 100% { -webkit-transform: rotate(-320deg); opacity: 0 } } @-webkit-keyframes spinoffPulse { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @-o-keyframes spinPulse { 0% { -o-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #505050 } 50% { -o-transform: rotate(145deg); opacity: 1 } 100% { -o-transform: rotate(-320deg); opacity: 0 } } @-o-keyframes spinoffPulse { 0% { -o-transform: rotate(0deg) } 100% { -o-transform: rotate(360deg) } } @-ms-keyframes spinPulse { 0% { -ms-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #505050 } 50% { -ms-transform: rotate(145deg); opacity: 1 } 100% { -ms-transform: rotate(-320deg); opacity: 0 } } @-ms-keyframes spinoffPulse { 0% { -ms-transform: rotate(0deg) } 100% { -ms-transform: rotate(360deg) } }

在线演示        积分下载        6毛下载        砍两刀下载