Comment faire pivoter l'arrière-plan en CSS

Comment faire pivoter l'arrière-plan avec CSS : définissez d'abord le style du contenu, et définissez la largeur et la hauteur du li où se trouve l'image, puis définissez l'effet de transition pour l'image, en utilisant l'attribut de transition ; pour la transition ; puis définissez la déformation via la rotation ; enfin, exécutez simplement le programme.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur DELL G3.

Comment faire pivoter l'arrière-plan avec CSS :

Préparez d'abord un document HTML avec deux images dans le document, puis faites pivoter les deux images.

Définissez ensuite quelques styles pour le contenu dans le HTML, comme le montre la figure ci-dessous, principalement les styles titre et ul.

Ensuite, définissez la largeur et la hauteur du li où se trouve l'image, comme indiqué dans la figure ci-dessous.

Définissez ensuite l'effet de transition pour l'image, en utilisant l'attribut de transition pour la transition, comme indiqué dans la figure ci-dessous.

Lorsque la souris survole l'image, définissez la transformation via la rotation, comme le montre la figure ci-dessous. Les nombres positifs représentent le sens des aiguilles d'une montre et les nombres négatifs représentent le sens inverse des aiguilles d'une montre.

Enfin, lancez le programme et vous verrez l'effet comme indiqué ci-dessous. Lorsque la souris est placée sur l'image, elle tournera dans le sens des aiguilles d'une montre ou dans le sens inverse.

Recommandations de tutoriel associées : 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!