用css写出旋转的太极图效果,主要有两个要点:画出静态效果图和创建动画使它动起来。
一、静态效果图
用一个div配合伪元素即可完成。
1、创建一个div,用css控制其大小、边框、位置等,做成一个静态的圆形,一半为红色一半为白色。
效果:
2、用div的伪元素绘制两个圆环,并通过绝对定位放置适合位置,使其成为一个太极图案。
用css写出旋转的太极图效果,主要有两个要点:画出静态效果图和创建动画使它动起来。
一、静态效果图
用一个div配合伪元素即可完成。
1、创建一个div,用css控制其大小、边框、位置等,做成一个静态的圆形,一半为红色一半为白色。
效果:
2、用div的伪元素绘制两个圆环,并通过绝对定位放置适合位置,使其成为一个太极图案。