蓝桥杯前端Web赛道-展开你的扇子&&和手机相处的时光

蓝桥杯前端Web赛道-展开你的扇子&&和手机相处的时光

这两道题都很简单所以写在一起，先看展开你的扇子

题目链接：1.展开你的扇子 - 蓝桥云课 (lanqiao.cn)

题目要求如下：

其实就是在鼠标放上去的时候，每个div都需要更改角度，按照要求使用下面的代码即可

transform: rotate(填入角度deg);

在做题的时候我使用的，虽然能完成要求但是不给我过，所以还是使用上面的代码比较好

 rotate:填入角度deg

特别需要注意的是题目要求是鼠标放上去的时候变化，所以需要加上hover 我直接放完整代码在下面

#box:hover #item1{
   
  transform: rotate(-60deg);
}
#box:hover #item2