Vidéo: Les outils en ligne pour gérer les styles CSS 2025
CSS3 rend les effets graphiques moins chers et plus faciles à créer, plus rapides à télécharger sur les pages web et plus accessibles dans tous types d'environnements.
Par exemple, le texte incliné (et encadrant la zone de texte inclinée) ci-dessous n'est pas un graphique, c'est un texte que vous pouvez copier, indexé (ou placé dans une base de données) par les moteurs de recherche, peut être lu à voix haute si le logiciel de la parole est installé dans un navigateur ou un système d'exploitation, et n'a pas à télécharger dans une page.
Judicieusement employé, animation et l'interactivité avec CSS3 peut donner vie à une page, ajouter du dynamisme et de l'énergie.Mais comme toute technique de conception, les effets et les transformations CSS3 peuvent être surexploités: le simple fait que les effets et les transformations soient maintenant faciles à créer sans logiciel, Cela ne veut pas dire que vous devriez charger vos pages avec des effets gratuits.
La boîte et le cercle inclinés ici peuvent g Rab de l'œil et de fournir un traitement de mise en forme précédemment disponible uniquement sous forme d'image graphique ou Flash.
Voici les deux techniques de base pour animer et rendre interactif les effets CSS3:
-
Utiliser des pseudo-classes: Une technique repose sur l'association d'effets CSS3 et de transformations avec des pseudo-classes CSS . Un lien survolé représente la forme la plus simple d'interactivité CSS avec un effet tel que le soulignement ou l'apparition d'une couleur d'arrière-plan lors du survol d'un lien.
-
Combiner CSS3 et JavaScript: Une technique de gestion de l'interactivité et de l'animation avec les styles CSS3 (ou tout autre style) combine CSS3 et JavaScript.
