tweenmax가 CSS3 속성을 변경할 수 있습니까?

tweenmax는 CSS3 속성을 변경할 수 있습니다. tweenmax에 내장된 CSSPlugin을 사용하여 CSS 애니메이션을 만들 수 있습니다. 애니메이션 매개변수를 설정하면 CSS 속성을 변경할 수 있습니다. 구문은 "TweenMax.to(애니메이션 개체, 애니메이션 지속 시간, {css 속성 지정)"입니다. 애니메이션 변경});".

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

tweenmax는 css3 속성을 변경할 수 있나요?

tweenmax는 css3 속성을 변경할 수 있습니다.

TweenMax의 내장 CSSPlugin은 CSS 애니메이션을 만들고

x와 같은 2d 변환 및 3d 변환을 위한 간단한 메서드를 포함하여 CSS 속성을 변경할 수 있습니다.

• 수평으로 이동합니다. CSS3의 TranslateX와 동일합니다.

• 회전: 회전, 회전과 동일합니다.

• skewX: 베벨 컷, 스큐와 동일합니다.

더 많이 있습니다. 간단한 방법을 사용하지 않고 애니메이션에 대한 CSS3 속성을 직접 설정할 수도 있습니다. 예:

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

왼쪽 속성 애니메이션에는 위치:상대적 지원이 필요합니다. 상대 위치 이동이 필요한 경우 x(CSS3 2D 애니메이션)를 사용할 수 있습니다. 더 쉽게

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

(동영상 공유 학습:

css 동영상 튜토리얼)

위 내용은 tweenmax가 CSS3 속성을 변경할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!