Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用animate()平滑动画?_Javascript_Css_Dart - Fatal编程技术网

Javascript 如何使用animate()平滑动画?

Javascript 如何使用animate()平滑动画?,javascript,css,dart,Javascript,Css,Dart,我使用的是animate()和左属性,但如果是运动缓慢,则图像会逐像素移动,而不是对应的双类型变量 有解决这个问题的方法吗?使用css transform translate(css变换转换)来设置动画通常比设置left(左)更有效。看这个。下面是一个例子,解释了为什么会出现这种情况 看起来现代浏览器支持亚像素转换值,即“5.2px”。对于不需要的浏览器,您也可以使用“平移比例”(translate scale)将元素缩小到正常大小的1/10,这将允许您将元素平移为像素的1/10 这个问题并不是

我使用的是
animate()
和左属性,但如果是运动缓慢,则图像会逐像素移动,而不是对应的双类型变量


有解决这个问题的方法吗?

使用css transform translate(css变换转换)来设置动画通常比设置left(左)更有效。看这个。下面是一个例子,解释了为什么会出现这种情况

看起来现代浏览器支持亚像素转换值,即“5.2px”。对于不需要的浏览器,您也可以使用“平移比例”(translate scale)将元素缩小到正常大小的1/10,这将允许您将元素平移为像素的1/10


这个问题并不是针对DART的,考虑改写它,并添加JavaScript和CSS标签,然后将它暴露给更广泛的受众。

谢谢,用这段代码工作得很好:<代码> EntEng.Stul.Trave=“TrimeTe3D(${dx}px,${dy}px,0)”;代码>但translate3d不适用于较旧的浏览器:(尝试使用translate()而不是具有更好浏览器支持的translate3d()。但是IE8不受支持,因此如果需要以IE8为目标,则必须对浏览器进行嗅探,并使用绝对左定位作为回退。