5600 sujets

Sémantique web et HTML

connecté
Bonjour,
sur ce site dédié aux VPN
https://www.lesnumeriques.com/comparateur-vpn/comparatif-vpn-gratuit/
on peut voir sur le premier paragraphe qui suit les offres (capture d'écran), un lien bleu, non apparent en dehors du survol, et qui se transforme en une flèche, mais aussi en un surlignage du lien avec un effet.
Il doit y avoir plusieurs possibilités pour réaliser ça, mais avez-vous la bonne ? Et comment se nomme cette effet ?
Merci.
upload/1753115907-67790-capturedancran.png
Hello

le lien étant en début de phrase, la flèche doit être placé via un pseudo-element en position absolute devant, idem pour la bordure en dessous qui doit aussi être un pseudo-element avec un background gradiant

Les pseudo-element en opacity 0, et 1 au hover.

Enfin c'est comme ça que je l'imagine.
Modifié par Pedrothelion (23 Jul 2025 - 17:10)
connecté
En effet, les pseudo-elements vont servir.
Je me suis aperçu que c'était Speechify, un lecteur audio de texte, qui ajoutait ce lien à chaque paragraphe des pages que je lis. Je pensais que c'était le site visité, mais je n'ai rien trouvé ni dans le html ni dans le css de ces sites.
Je mets résolu, j'étais surtout curieux de cet effet, dont je n'ai pas trouvé le nom afin d'effectuer des recherches sur le net.
Modifié par Bongota (23 Jul 2025 - 18:22)