2016-10-25 25 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>元素年前

工作
相关问题