css3에서 회전 효과를 구현하는 속성은 "변환"입니다. 변환 속성은 요소에 2D 또는 3D 변환을 적용하는 데 사용됩니다. 이 속성을 Rotate(), Rotate3d(), RotateX(), RotateY() 또는 RotateZ() 함수와 함께 사용하면 회전이 가능합니다.

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

css3에서 회전 효과를 구현하는 속성은 "변환"입니다.

transform 속성은 요소에 2D 또는 3D 변환을 적용하는 데 사용됩니다. 이 속성을 다음 함수와 함께 사용하면 요소 회전이 달성될 수 있습니다.

• rotate(angle) 에서 각도를 지정하여 2D 회전을 정의합니다. 매개변수.

• rotate3d(x,y,z,angle)은 3D 회전을 정의합니다.

• rotateX(angle) X축을 따라 3D 회전을 정의합니다.

• rotateY(angle) Y축을 따라 3D 회전을 정의합니다.

• rotateZ(angle) Z축을 따라 3D 회전을 정의합니다.

예 1:

     
  
Hello
  

예 2:

     
  
CSS3 元素旋转
  
 
 
 
 
rotate(45deg) 
 
 
 
 
 
 
rotateX(45deg)
 
 
 
 
 
 
rotateY(45deg)
 
 
 
 
 
 
rotateZ(45deg) 
 
  

(동영상 공유 학습:css 동영상 튜토리얼)

위 내용은 CSS3에서 회전 효과를 얻는 데 사용되는 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!