2014-09-06 70 views
-1

我試圖使這個項目在CSS,HTML和JS做的精確副本,CodePen ExampleCSS不recognizig -webkit-變換

當我運行的代碼運行正常的,但JS文件是給我在這兩個錯誤

#progress aside span { 
    -webkit-transform: rotate(-10deg);  
} 

#progress aside span:hover { 
    -webkit-transform: rotate(-5deg) scale(1.1); 
} 

我是網絡編程新手,所以我會很感激,如果任何人都可以幫助我。

問候。

+0

特別是,你會得到什麼錯誤? – 2014-09-06 16:45:59

+0

你從哪裏得到什麼錯誤? – MrTux 2014-09-06 16:46:06

+2

這真的是你的CSS文件的開始?如果是,則缺少啓動規則。 – MrTux 2014-09-06 16:46:37

回答

0

-webkit-transform僅在使用WebKit引擎e.g:谷歌Chrome,歌劇,Safari等)瀏覽器識別。這個-webkit-被稱爲使用webkit引擎的瀏覽器使用的供應商前綴。

瀏覽器前綴用於添加新功能,這些新功能可能不是正式規範的一部分,並且可以在尚未最終確定的規範中實現功能。

您還應該包括所有其他供應商前綴。

#progress aside span:hover { 
    -webkit-transform: rotate(-5deg) scale(1.1); /*For webkit browsers*/ 
    -moz-transform: rotate(-5deg) scale(1.1); /* For Mozilla based browsers */ 
    -ms-transform: rotate(-5deg) scale(1.1); /* For Microsoft browsers */ 
    -o-transform: rotate(-5deg) scale(1.1); /* For older versions of opera */ 
    transform: rotate(-5deg) scale(1.1); /* Default */ 
} 
+0

我回答同樣的問題,OP說它不是問題:/ – 2014-09-06 17:52:12

+0

@Brian對不起,我花了很長時間回答這個問題。之前沒有注意到你的。實際上與互聯網斷開連接。 – 2014-09-06 17:56:55