CSS3 peut-il créer des effets 3D ?

css3 peut créer des effets 3D. Méthode : 1. Utilisez la méthode rotateX(), qui peut définir la rotation de l'élément autour de l'axe X d'un degré donné. La syntaxe est "Element {transform: rotateX (faire pivoter le nombre de degrés autour de l'axe X). ;}"; 2. Utilisez la méthode rotateY(), qui peut définir la rotation de l'élément autour de l'axe Y à un degré donné. La syntaxe est "Element {transform: rotateY (rotation autour de l'axe Y du nombre de degrés);}".

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

css3 pour les effets 3D

CSS3 vous permet d'utiliser des transformations 3D pour formater des éléments.

Méthode de conversion 3D :

rotateX()

rotateX() méthode, fait pivoter un élément autour de son axe X à un degré donné.

L'exemple est le suivant :

      
  
注意: Internet Explorer 9 (以及更早版本的浏览器) 和 Opera 不支持 rotateX 方法.
 
Hello. This is a DIV element.
 
Hello. This is a DIV element.
  

Résultat de sortie :

rotateY()

rotateY(), fait pivoter un élément autour de son axe Y à un degré donné.

L'exemple est le suivant :

      
  
注意: Internet Explorer 9 (以及更早版本的浏览器) 和 Opera 不支持 rotateY方法.
 
Hello. This is a DIV element.
 
Hello. This is a DIV element.
  

Résultat de sortie :

(Partage vidéo d'apprentissage :tutoriel vidéo CSS,tutoriel vidéo HTML)

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!