任务一 旋转的太极图

任务一 旋转的太极图

任务要求

(1)新建文件2401.html,背景设为喜欢的颜色。

(2)创建一个200*400的白色盒子,添加200px的黑色左边框。

(3)用双伪元素做出宽高50px的黑白色,边框75px的白黑色的两个圆,移到盒子和左边框的中间。

(4)当鼠标移入时,太极旋转。

效果如图24.1.1所示,其代码如图24.1.2所示。

2D转换-八卦2401案例

图24.1.1 旋转的太极

图24.1.2 旋转的太极代码