2011-04-19 68 views
0
#anim1 iframe { 
    -webkit-transition: -webkit-transform 1s ease-in-out; 
    -webkit-transform: rotate3d(0,1,1, 30deg); 
    transition: transform 1s ease-in-out; 
    transform: rotate3d(0,1,1, 30deg); 
    } 

    #anim1 iframe:hover { 
    -webkit-transform: rotate3d(1, 0, 76, 50deg); 
    transform: rotate3d(0,0,1, 30deg); 
    } 

它的工作在Chrome,但不能在Firefox不兼容,當然在IE.Is呢?CSS3什麼辦法來解決這個-webkit-變換與firefox4

回答

2

-webkit是供應商前綴,因此只在基於webkit的瀏覽器(其中Firefox不是其中一個)中生效。

Firefox基於Mozilla,其供應商前綴爲-moz。因此,查找相同的樣式(例如-moz-transition)並檢查它是否接受相同的語法(我相信它的確如此)。

+0

另請參閱:http://www.w3.org/TR/CSS2/syndata.html#vendor-keywords – abernier 2011-08-18 10:50:53

相關問題