css旋转360度动画,css无限旋转

1.整个div360度旋转

　　 style type= text/CSS 。div 3 {位置：绝对；z指数：3;左：40pxtop:40px；字体粗细：粗体；背景：红色；动画：myfirst2 15s无限线性；} @关键帧我的前2 { from { transform:rotate(0 deg)；}到{变换：旋转(359度)；} } @关键帧我的第{ from { transform:rotate(0 deg)；}到{变换：旋转(-359度)；} }/style div class=" div 3 "旋转吧/div效果图：

2.div内的文字不动，底边的图片旋转

　　 html head style type= text/CSS body { background:# 000 a2d；} .div2 {位置：绝对；z指数：2;左：40pxtop:40px；字体粗细：粗体；高度：400像素宽度：400像素动画：myfirst2 15s无限线性；} .div3 {位置：绝对；z指数：3;左：11%;top:22%；字体粗细：粗体；颜色：# fff背景：红色；} @关键帧我的前2 { from { transform:rotate(0 deg)；}到{变换：旋转(359度)；} } @关键帧我的第{ from { transform:rotate(0 deg)；}到{变换：旋转(-359度)；} }/style/head body div class=" div 3 "最上层/divdiv class=div2img src= ./居中BG 3。png style= width:100%；身高：100%;/div/body/html效果

　　到此这篇关于CSS3实现360度循环旋转的文章就介绍到这了，更多相关CSS3循环旋转内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。