Les effets de survol CSS sont assez simples à créer, et des effets de base hover peuvent être rapidement et facilement mis en œuvre et modifiées avec un certain nombre d'autres options. Feuilles de style en cascade (CSS) est un langage utilisé pour créer le style et la présentation 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 du 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éés dans le code CSS et peuvent être mises en œuvre rapidement et efficacement.
L'un des plus faciles types de CSS hover effet de créer est un effet qui entraîne une modification d'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 une couleur différente que le reste de la page, mais quand "a survolé» ou «survolé», il est souligné ou enhardi. Comment cela se fait, justement, dépend généralement sur le codage exacts utilisés sur la page, mais dans un cas simple de l'effet hover CSS peut être ajoutée dans les règles CSS dans la section "style".
Une nouvelle règle est créée pour l'effet de survol CSS en utilisant la balise appropriée pour l'objet auquel l'effet est ajouté. Par exemple, le texte qui est choisie pourrait faire partie d'une liste ou sélectionné dans le corps d'une page Web. Ce texte doit avoir une étiquette spécifique qui lui est associé 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é.
L’utilisation de texte, par exemple, si vous voulez faire un lien devenir souligné quand un utilisateur survole, alors vous pouvez commencer par marquage qui pointent dans le code du corps et de créer une règle spéciale pour ce tag. Dans cette règle, vous pouvez indiquer quelle couleur que le texte doit être facilement fait se démarquer du reste du texte, et l'indication visuelle 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 le tag pour le texte, par exemple, était "un", alors vous devriez utiliser la pseudo-classe qui ressemblait "a: hover {...}" avec l'effet hover CSS désiré indiquer dans le support. Dans l'exemple précédent, si l'effet recherché était de souligner le texte lorsqu'il est survolé, alors il serait lu "text-decoration: underline;" dans le support. Il ya un certain nombre de différents effets de survol 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.