Can tweenmax change the css3 property?

This article focuses on "whether tweenmax can change css3 properties". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "can tweenmax change css3 properties"?

Tweenmax can change the css3 property. The built-in CSSPlugin in tweenmax can be used to animate css, where you can change the css property with the syntax "TweenMax.to (specify the object to be animated, the duration of the animation, {css attribute} for animating);".

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

Can tweenmax change the css3 property?

Tweenmax can change css3 properties

TweenMax built-in CSSPlugin can animate CSS and change CSS properties.

These include abbreviated methods for 2d transform and 3D transform, such as x:

Move horizontally, equivalent to the translateX of CSS3.

Rotation: rotate, which is equivalent to rotate.

SkewX: oblique cut, equivalent to skew.

There are many more. You can also animate by directly setting the CSS3 property instead of an abbreviated method, such as:

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

Left attribute animation needs position:reletive support, and it is easier to use x (2D animation of CSS3) if you need to move relative to the position.

TweenMax.to ("# obj", 3, {x obj 200}); / / move 200pxTweenMax.to to the right ("# obj", 3, {x obj 200, y 200pxTweenMax.to 100}); / / move 100px down to here while moving 200px to the right. I believe you have a better understanding of "whether tweenmax can change css3 attributes", so you might as well do it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!