Les effets de survol CSS sont assez simples à créer et effets de survol de base peuvent être facilement et rapidement mis en œuvre et modifié avec un certain nombre d'autres options. Feuilles de style en cascade (CSS) est un langage utilisé pour créer le style et la disposition d'un document créé dans un langage de balisage, et il peut être utilisé pour créer facilement des effets de survol. Effets de survol des changements qui se produisent avec le texte, des images ou d'autres objets dans un document lorsque le pointeur contrôlé par une souris passe sur l'objet. Effets de survol CSS sont généralement créées dans le code CSS et peut être mis en œuvre rapidement et efficacement.
Un des plus faciles types d'effets de survol CSS pour créer un effet qui provoque un changement vers un lien sur un site web quand il est survolé. Par exemple, quelqu'un peut vouloir créer un lien textuel qui ressemble à du texte standard ou d'une couleur différente de celle du reste de la page, mais quand "moused plus» ou «planait au-dessus", il est souligné ou gras. Comment cela se fait, justement, dépend généralement sur le codage exact utilisé sur la page, mais dans un cas simple, l'effet hover CSS peuvent être ajoutés dans les règles CSS dans le «style».
Une nouvelle règle est créée pour l'effet hover CSS en utilisant la balise appropriée pour l'objet auquel l'effet est ajouté. Par exemple, un texte qui est choisi pourrait faire partie d'une liste ou sélectionné dans le corps d'une page Web. Ce texte doit avoir une balise spécifique qui lui est associée dans le codage du corps. Avec ce tag noté, la règle peut être créée pour établir un effet hover CSS pour tous les objets avec ce tag donné.
Utilisation de texte, par exemple, si vous souhaitez faire un lien devenu souligné quand un utilisateur passe sur elle, alors vous pouvez commencer par le marquage qui pointent dans le code du corps et la création d'une règle spéciale pour cette balise. Dans cette règle, vous pouvez indiquer quelle couleur que le texte devrait être, ce qui en fait facilement se démarquer du reste du texte, et indiquer visuellement que l'utilisateur peut vouloir planer au-dessus, ce qui serait alors déclencher l'effet hover CSS. Cet effet est ajouté par la création d'un "hover pseudo-classe" de la balise de la ligne de texte.
Si la balise pour le texte, par exemple, était "un", alors vous devez utiliser la pseudo-classe qui ressemblait à "a: hover {...}" avec l'effet désiré CSS hover indiqué dans le support. Dans l'exemple précédent, si l'effet recherché était de souligner le texte lorsqu'il est survolé, alors qu'il se lise «text-decoration: underline;" dans le support. Il y a un certain nombre d'effets de survol différents qui peuvent être créés pour différents objets, et chacun a une commande spécifique pour créer l'effet, mais le processus est similaire dans la plupart des cas.