Je souhaite modifier la -webkit-transform: rotate()
propriété en utilisant JavaScript de manière dynamique, mais le couramment utilisé setAttribute
ne fonctionne pas:
img.setAttribute('-webkit-transform', 'rotate(60deg)');
Le .style
ne fonctionne pas non plus ...
Comment puis-je définir cela dynamiquement dans JavaScript?
javascript
webkit
rymn
la source
la source
Réponses:
Les noms de style JavaScript sont
WebkitTransformOrigin
etWebkitTransform
Vérifiez la référence de l'extension DOM pour WebKit ici .
la source
element.style.webkitTransform = "rotate(-2deg) translateX(100px)";
Voici les notations JavaScript pour les fournisseurs les plus courants:
Je réinitialise les styles de transformation en ligne comme:
Et comme ça en utilisant jQuery:
Voir l'article de blog Codage des préfixes des fournisseurs avec JavaScript (2012-03-21).
la source
transform
.win.style.transform ="translate(-50%)"
ne fonctionne pasEssayez d'utiliser
la source
Si vous voulez le faire via
setAttribute
vous changeriez l'style
attribut comme ceci:Cela serait utile si vous souhaitez réinitialiser tous les autres styles en ligne et ne définir à nouveau que les valeurs de vos propriétés de style nécessaires, MAIS dans la plupart des cas, vous ne le souhaitez peut-être pas. C'est pourquoi tout le monde a conseillé d'utiliser ceci:
Ce qui précède équivaut à
la source
Pour animer votre objet 3D, utilisez le code:
la source