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轉換。