2016-10-25 51 views
0

這些行:爲什麼`style.webKitTransition`和`style.webkitTransform`不再在Chrome中工作?

numberElement.style.webkitTransition=".1s ease-in-out"; 
numberElement.style.webkitTransform="scale(2.0)"; 

100%沒有工作,比去年同期多。我拉下了非常陳舊的回購協議,爲其添加了另一個功能,但是當我查看該頁面時,規模已經不再適用了。我將HEAD更改爲正確,但我確信它正在工作,scale仍然無效。

檢查出在運行時的元素,這是我看到

<span id="minute-number" style="transition: 0.1s ease-in-out; transform: scale(2.0);">TEST</span> 

但視覺上,什麼也沒發生到TEST文本

就與我需要如何使用webkitTransitionwebkitTransform什麼變化?

回答

0

解決了它(有點) 我正在改造的元素是<span>元素,它顯然不能進行轉換。

所以我改變了CSS:

span { 
    display: inline-block; 
} 

並應用了變換。現在的問題是,inline-block修改我的元素,這是我問了一下這裏的尺寸:Why does applying `inline-block` force dimensions onto my span element?

東西必須在Chrome中已經改變,不過,因爲變換肯定的<span>元素年前

工作
相關問題