如何使用jquery动态插入css供应商前缀

How to dynamically insert css vendor prefixes using jquery

本文关键字:css 供应商 前缀 插入 动态 何使用 jquery      更新时间:2023-09-26

最近我一直在研究css3和它的动画。我在某一点上使用了以下代码:

$(".container").css('-webkit-transform', 'translate(200px,200px)');

现在你们大多数人都想知道为什么我不直接使用一个类来完成上面的操作并切换它。

问题是我做了一些计算然后得到了200px,200px,所以我将把200px,200px替换为一个变量(我以200px,200px为例)

我该怎么做呢

如果我理解了您的问题,您希望使用变量进行上述代码中概述的转换。如果你有这样的变量:

var x = 200, y = 200;

您应该能够将它们插入到翻译字符串中,方法是将它们分割并串在一起。它可能看起来像:

$(".container").css('-webkit-transform', 'translate('+x+'px,'+y+'px)');