您的位置:首页 > Web前端 > CSS

第2题 激光,前进的方向

2013-08-16 10:58 246 查看
这题主要考察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 }


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

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  CSS3 界面