Comment puis-je créer des effets CSS en survol?

Les effets de survol du CSS

sont assez simples à créer, et les effets de volant de base peuvent être rapidement et facilement implémentés et modifiés avec un certain nombre d'autres options. Les feuilles de style en cascade (CSS) sont une langue utilisée pour créer le style et la disposition d'un document créé dans une langue de balisage, et il peut être utilisé pour créer facilement des effets de survol. Les effets de survol sont 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 est plané sur l'objet. Les effets de survol du CSS sont généralement créés dans le code CSS et peuvent être implémentés rapidement et efficacement.

L'un des types les plus faciles d'effets de survol de CSS à créer est un effet qui provoque un changement vers un lien sur un site Web lorsqu'il est survol. Par exemple, quelqu'un peut vouloir créer un lien textuel qui ressemble à du texte standard, ou est une couleur différente du reste de la page, mais lorsqu'elle est «soumise à» ou «planée», elle est soulignée ou enhardie. Comment cela est fait, précisément, dépendra généralementSur le codage exact utilisé sur la page, mais dans un cas simple, l'effet de volant CSS peut être ajouté dans les règles CSS dans la section «style».

Une nouvelle règle est créée pour l'effet de survol du CSS en utilisant la balise appropriée pour l'objet auquel l'effet est ajouté. Par exemple, le texte choisi peut faire partie d'une liste ou sélectionné dans le corps d'une page Web. Ce texte devrait avoir une balise spécifique qui lui est associée dans le codage corporel. Avec cette étiquette notée, la règle peut être créée pour établir un effet de volonnier CSS pour tous les objets avec cette balise donnée.

En utilisant du texte, par exemple, si vous souhaitez que un lien soit souligné lorsqu'un utilisateur s'oblige dessus, vous pouvez commencer par marquer ce lien dans le code corporel et créer une règle spéciale pour cette balise. Dans cette règle, vous pouvez indiquer la couleur de ce texte, ce qui le fait se démarquer du texte environnant et visuellementDicant que l'utilisateur peut vouloir le planer dessus, ce qui déclencherait ensuite l'effet de survol du CSS. Cet effet est ajouté en créant une «pseudo-classe de survol» à la balise pour la ligne de texte.

Si la balise du texte, par exemple, était «A», vous utiliseriez la pseudo-classe qui ressemblait à «A: Hover {…}» avec l'effet de volant CSS souhaité indiqué dans le support. En utilisant l'exemple précédent, si l'effet souhaité était de souligner le texte lorsqu'il est plané, il lira «Text-Decoration: soulignement»; dans le support. Il existe un certain nombre d'effets de volants 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.

DANS D'AUTRES LANGUES