在Javascript中添加转换速度

我想在我用Javascript进行的转换中增加一些速度，但我不知道如何

我的Javascript代码是

$('#cell1').mouseenter(function(){
    $(this).attr('transform', 'scale(1 1) translate(200, 10)');

我的这个类在我的html代码中。 我应该如何增加速度

我试过这个

$(this).attr('transition-duration', '3s');

---

但是它不太管用。

代码中有3个问题：

使用

$.css（）

而不是

$.attr（）

用逗号分隔CSS

scale

值

增加翻译单位

这将有助于：

$(this).css('transform', 'scale(1, 1) translate(200px, 10px)');
$(this).css('transition-duration', '3s');

使用而不是

.attr（）

此外，您还需要确保正确使用css函数。例如，您需要确保

translate

使用

px

作为坐标，并且

scale

以逗号分隔（如果h&w相同，您可以指定1个单位）

请参见下面的工作示例：

$（'#cell1'）.mouseenter（函数（）{
$（this.css）({
“过渡持续时间”：“3s”，
“转换”：“缩放（1）转换（200px，10px）”
});
});
#单元1{
高度：150像素；
宽度：150px；
边框：1px纯红；
变换：比例（0.5）；
}

谢谢！我只是想问，如果我用像素来翻译，这是否也能起到相应的作用？（当我把它转换成另一个屏幕大小时，它会转换成同样的大小吗？）这是一个完全不同的问题，没有一个简短的答案。您可能需要仔细阅读，为您的规范选择合适的长度单位。对于响应行为，我通常使用
rem
，并根据不同的屏幕大小调整
html
元素上的字体大小。