Javascript 比例尺1的速度js

实际上，我刚刚开始同时学习jquery和velocity来制作动画。我正在阅读velocity.js文档，试图操纵我的盒子的“比例”，结果遇到了一些麻烦。基本上我有这个代码：

HTML:
<div id="box"></div>

CSS:
.box {
   background-color:red;
   height:300px;
   width:300px;
   transform:scale(0.3);
}

Velocity JS:
$("#box").velocity({
   scale:1,
   }, {
   duration: 800
});

HTML：
CSS:
.盒子{
背景色：红色；
高度：300px；
宽度：300px；
变换：比例（0.3）；
}
Velocity JS：
$（“#盒”）.速度({
比例：1，
}, {
持续时间：800
});

这个想法是，盒子一开始看起来很小（它原来大小的30%），当速度JS触发时，它会在800毫秒时扩展到正常大小。问题是，当我设置比例时，它完全忽略css的

transform:scale（0.3）

部分。例如，如果velocity js代码中的

scale

为2，则动画在800毫秒内从1->2开始

---

非常感谢您的帮助。多谢各位

请记住，velocityjs.org网站的文档已经过时（它们指的是不再受支持的Velocity V1）-请转到并继续阅读

一般来说，

transform

属性不易使用，浏览器将易读的“scale（1）”更改为“matrix（…）”，Velocity（目前）不尝试解析它（很容易出错，因此我们一直在避免）

相反，您应该使用强制进给-这意味着您同时提供Velocity的起始值和结束值，因此它不需要猜测您的实际含义

此外，Velocity V1的整个快捷方式部分已被删除，因为前提本身已被破坏（即不再有任何

scale

属性）-您需要直接使用

transform

属性-

$（“#框”）.velocity({
变换：[“比例（1）”，“比例（0.3）”，
}, {
持续时间：800，
});

---

应该相对清楚的是，强制进给是一个带有“[到，从]”布局的阵列。您还可以在它们之间添加特定的测量值，但请查看文档以了解更多信息。

请记住，velocityjs.org网站文档已经过时（它们指的是不再受支持的Velocity V1），请转到并继续阅读

一般来说，

transform

属性不易使用，浏览器将易读的“scale（1）”更改为“matrix（…）”，Velocity（目前）不尝试解析它（很容易出错，因此我们一直在避免）

相反，您应该使用强制进给-这意味着您同时提供Velocity的起始值和结束值，因此它不需要猜测您的实际含义

此外，Velocity V1的整个快捷方式部分已被删除，因为前提本身已被破坏（即不再有任何

scale

属性）-您需要直接使用

transform

属性-

$（“#框”）.velocity({
变换：[“比例（1）”，“比例（0.3）”，
}, {
持续时间：800，
});

应该相对清楚的是，强制进给是一个带有“[到，从]”布局的阵列。您还可以在它们之间添加特定的度量值，但有关更多信息，请查看文档