使用Css+Div实现太极图自动旋转

body{margin:0;填充：0；背景色：rgb(121,127,133)；}.taichi{height:400px;宽度：400px；边界半径：50%；边距：80px自动；背景颜色：RGB（211、65、65）；背景：线性渐变（向右，#00050%，#fff50%）；animation:spin0.8slinearinfinite;/*动画设置*/}div>p{height:200px;宽度：200px；边界半径：50%；左边距：100px；边框颜色：洋红色；外汇赠金活动http://www.kaifx.cn/activity/}.top{background-image:径向渐变（#fff25%，#00025%）；}.bottom{background-image:radial-gradient(#00025%,#fff25%);边距顶部：-16px；}.taichi:hover{transform:rotate(deg);transition:2s;}/*动画方法*/@keyframesspin{0%{transform:rotate(0deg);}100%{变换：旋转(360deg);}}源码展示：body{margin:0;填充：0；背景色：rgb(121,127,133)；}.taichi{height:400px;宽度：400px；边界半径：50%；边距：80px自动；背景颜色：RGB（211、65、65）；背景：线性渐变（向右，#00050%，#fff50%）；animation:spin0.8slinearinfinite;/*动画设置*/}div>p{height:200px;宽度：200px；边界半径：50%；左边距：100px；边框颜色：洋红色；外汇赠金活动http://www.kaifx.cn/activity/}.top{background-image:径向渐变（#fff25%，#00025%）；}.bottom{background-image:radial-gradient(#00025%,#fff25%);边距顶部：-16px；}.taichi:hover{transform:rotate(deg);transition:2s;}/*动画方法*/@keyframesspin{0%{transform:rotate(0deg);}100%{变换：旋转(360deg);}}