Maison > Article > interface Web > Comment obtenir l'effet imminent lorsque la souris glisse en CSS3
Comment obtenir l'effet imminent lorsque la souris glisse en CSS3
- 青灯夜游original
- 2022-03-07 16:23:281782parcourir
En CSS3, vous pouvez utiliser le sélecteur ":hover" et l'attribut d'affichage pour obtenir l'effet imminent lorsque la souris glisse dessus. Il vous suffit d'ajouter le style "element:hover{display:none;}" à l'élément. .
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
css3 réalise l'effet imminent lorsque la souris glisse dessus
En CSS3, vous pouvez utiliser le sélecteur ":hover" et l'attribut d'affichage pour réaliser l'effet imminent lorsque la souris glisse sur.
Utilisez simplement le sélecteur ":hover" pour sélectionner l'état de la souris sur l'élément et ajoutez le style "display:none;" pour masquer l'élément.
De cette façon, lorsque la souris glisse sur l'élément, l'élément est masqué ; lorsque la souris glisse hors de l'élément, l'élément est affiché.
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 520px;
height: 50px;
background-color: #008000;
/* display: block; */
}
div:hover{
display:none;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Articles Liés
Voir plus- Quels sont les nouveaux attributs d’arrière-plan en CSS3 ?
- La transformation est-elle un nouvel attribut en CSS3 ?
- Qu'est-ce qui est utilisé pour définir le moment de l'animation de transition en CSS3
- Quelles sont les méthodes pour implémenter une disposition multi-colonnes en CSS3
- Quelle est la différence entre les deux modèles de box en CSS3
- Quelles sont les unités de vh et wh en CSS3 ?