Comment changer la couleur du texte au survol en CSS

Vous pouvez utiliser les transition en CSS3 pour changer doucement la couleur du texte au survol de la souris, tel qu’un paragraphe ou un lien hypertexte.
 
 

Code HTML:
<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			/* Mettez le code CSS ici. */
		</style>
	</head>
	<body>
		<h1>Lorem <a href="#">Survoler ce lien</a> ipsum.</h1>
	</body>
</html>

 

Code CSS:
a {
    -webkit-transition: color 2s;
    transition: color 2s;
}

a:hover {
    color: green;
}
Résultat

Lorem Survoler ce lien ipsum.

 

Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *