任务要求
(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 旋转的太极代码