Tweenmax peut-il modifier les propriétés CSS3 ?

tweenmax peut modifier les propriétés CSS3. Le CSSPlugin intégré dans tweenmax peut être utilisé pour créer des animations CSS. En définissant les paramètres d'animation, vous pouvez modifier les propriétés CSS. La syntaxe est "TweenMax.to (spécifiez l'objet de l'animation, la durée de l'animation, {propriété CSS pour). changement d'animation});".

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Tweenmax peut-il modifier les propriétés CSS3 ?

tweenmax peut modifier les propriétés CSS3

Le CSSPlugin intégré de TweenMax peut créer des animations CSS et modifier les propriétés CSS,

y compris des méthodes simples de transformation 2D et 3D, telles que x :

• Déplacez-vous horizontalement, équivalent au TranslateX de CSS3.

• rotation : rotation, équivalent à tourner.

• skewX : Coupe en biseau, équivalente à skew.

Il y en a bien d'autres. Vous pouvez également définir directement les propriétés CSS3 pour l'animation sans utiliser de méthodes simples, par exemple :

TweenMax.to(element, 3, {transform:’rotate(30deg)’})

l'animation de la propriété gauche nécessite la prise en charge de la position : relative. Si vous avez besoin d'un mouvement de position relative, vous pouvez utiliser x (animation 2D CSS3) qui est. plus facile

TweenMax.to("#obj", 3, {x:200});//在原有位置向右移动200px
TweenMax.to("#obj", 3, {x:200, y:100});//向右移动200px的同时向下移动100px

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!