最近我一直在檢查css3命令。 爲什麼他們中的一些在每個瀏覽器中都有所不同?爲什麼瀏覽器中的css命令不同
例如,看看this 2D transform example
div
{
transform: rotate(30deg);
-ms-transform: rotate(30deg); /* IE 9 */
-webkit-transform: rotate(30deg); /* Safari and Chrome */
-o-transform: rotate(30deg); /* Opera */
-moz-transform: rotate(30deg); /* Firefox */
}
爲什麼要讓他們不同的,如果所有的人都接受相同的參數?他們是否處於某種測試階段? 他們會不會一樣(beta階段後)?
@keyframes myfirst
{
from {background: red;}
to {background: yellow;}
}
@-moz-keyframes myfirst /* Firefox */
{
from {background: red;}
to {background: yellow;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {background: red;}
to {background: yellow;}
}
@-o-keyframes myfirst /* Opera */
{
from {background: red;}
to {background: yellow;}
}
只是一個評論。不要相信w3schools。 [想知道爲什麼嗎?](http://w3fools.com/) – 2013-03-01 10:00:09
另一種評論:總是把前面沒有前綴的。當前版本的IE,FF和Opera都支持無前綴的轉換和動畫(詳細信息請參閱http://caniuse.com/)。它們還支持前綴版本(IE的'-ms-',FF的'-moz-'和Opera的'-o-'),並且它們將應用您最後一次寫入的內容。正如你在你的問題中編寫代碼一樣,這是前綴。 – Ana 2013-03-01 12:27:13