第2题 激光,前进的方向

来源:互联网 发布:国家安全网络宣传周 编辑:程序博客网 时间:2024/04/28 03:00

这题主要考察css3的transform属性,首先在右下角的灰色小块(#ma)上添加样式,然后调整top值,最终样式如下:

复制代码
1 #ma {2     top: 549px;3     left: 960px;4     -webkit-transform: rotate(-82deg);  5 }
复制代码

然后会看到界面中又多了一个黑点,再调整左上方的灰色小块(#mb),调整方法同上,最终样式为:

复制代码
1 #mb {2     left: 550px;3     top: 425px;4     -webkit-transform: rotate(169deg);5 }
复制代码

最终结果如下图,即可过关。

 

淘宝智勇大闯关 第二题

原创粉丝点击