Css两个盒子左右变换

Question

正如我题为我有这样的两个盒子伙计们现在你可以理解我的问题;） 在一个响应式布局我想显示这个框与背景黄色变换像这样一个左向左浮动，另一个向右浮动浏览器窗口。我认为它太硬，请使用CSS3

Answer 1

这里帮我朋友:(

IAM是你的（大部分）的跨浏览器解决方案：

<style type="text/css"> 
#oneOfYourRectangles 
{ 
    -ms-transform:rotate(10deg); /* IE 9 */ 
    -moz-transform:rotate(10deg); /* Firefox */ 
    -webkit-transform:rotate(10deg); /* Safari and Chrome */ 
    -o-transform:rotate(10deg); /* Opera */ 
} 
#theOtherRectangle 
{ 
    -ms-transform:rotate(350deg); /* IE 9 */ 
    -moz-transform:rotate(350deg); /* Firefox */ 
    -webkit-transform:rotate(350deg); /* Safari and Chrome */ 
    -o-transform:rotate(350deg); /* Opera */ 
} 
</style> 

你知道，我从来没有得到解决，以测试看看负值的支持。

另外，需要注意的是明显10deg和350deg都只是猜测。无论用什么值最适合更换。

而且，对于funsies，请注意webkit（Safari和Chrome）也支持3D转换。