Maison interface Web Questions et réponses frontales Comment obtenir l'effet imminent lorsque la souris glisse en CSS3

Comment obtenir l'effet imminent lorsque la souris glisse en CSS3

Mar 07, 2022 pm 04:23 PM
css3 隐藏 鼠标滑过

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. .

Comment obtenir l'effet imminent lorsque la souris glisse en CSS3

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>
Copier après la connexion

Comment obtenir leffet imminent lorsque la souris glisse en CSS3

(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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment obtenir un effet de vague avec du CSS3 pur ? (exemple de code) Comment obtenir un effet de vague avec du CSS3 pur ? (exemple de code) Jun 28, 2022 pm 01:39 PM

Comment obtenir un effet de vague avec du CSS3 pur ? Cet article vous présentera comment utiliser l'animation SVG et CSS pour créer des effets de vagues. J'espère que cela vous sera utile !

Paramètres cachés de la fenêtre flottante de la méthode de saisie Win11 Paramètres cachés de la fenêtre flottante de la méthode de saisie Win11 Dec 30, 2023 pm 11:24 PM

Certains amis ne sont pas habitués à la fonction de fenêtre flottante de la méthode de saisie Win11, et cela semble toujours étrange à utiliser, ils veulent donc désactiver cette fonction de fenêtre flottante. Je vais maintenant vous présenter la méthode de fonctionnement correcte pour fermer la fenêtre flottante. Système win11. Suivez-le. Win11 masque la fenêtre flottante de la méthode de saisie 1. Ouvrez la touche de paramètres de l'ordinateur, puis sélectionnez « Heure et langue ». Après avoir entré, cliquez sur « Entrée » 2. Recherchez « Changer de méthode de saisie » dans « Paramètres avancés du clavier », puis changer "Langue du bureau" Cliquez sur la coche devant "Barre" puis entrez "Options de la barre de langue" 3. Après ouverture, nous cliquons ici sur "Masquer" pour fermer la fenêtre flottante de langue.

Comment masquer les icônes de la barre des tâches Windows 11 ? Comment masquer les icônes de la barre des tâches Windows 11 ? Jan 06, 2024 am 08:38 AM

Dans le système win11, si nous trouvons les icônes de la barre des tâches gênantes, nous pouvons choisir de les masquer dans l'interface de débordement du coin de la barre des tâches. Cependant, les icônes de la barre des tâches de l'application ouverte ci-dessous ne peuvent pas être masquées. Regardons la situation spécifique. Comment masquer l'icône de la barre des tâches Win11 : 1. Centrez l'icône 1. Tout d'abord, si nous voulons masquer l'icône dans la barre des tâches ci-dessous, nous pouvons cliquer avec le bouton droit pour la sélectionner et cliquer sur "Détacher de la barre des tâches" 2. Mais si nous ouvrons cette application et sont en train de l'utiliser et c'est impossible à cacher. 2. Icône dans le coin inférieur droit 1. Si vous souhaitez masquer l'icône de l'application dans le coin inférieur droit, ouvrez d'abord les paramètres système. 2. Cliquez ensuite sur « Personnalisation » dans la barre latérale gauche, comme indiqué sur l'image. 3. Cliquez ensuite pour accéder à la barre des tâches à droite

Comment masquer les amis WeChat sans les bloquer ni les supprimer ? Comment masquer les amis WeChat sans les bloquer ni les supprimer Comment masquer les amis WeChat sans les bloquer ni les supprimer ? Comment masquer les amis WeChat sans les bloquer ni les supprimer Mar 13, 2024 pm 07:19 PM

Comment masquer les amis WeChat sans les bloquer ni les supprimer ? De nombreux utilisateurs souhaitent masquer certains amis mais ne savent pas comment le faire. Laissez ce site présenter soigneusement aux utilisateurs comment masquer les amis WeChat sans les bloquer ni les supprimer. Méthodes pour masquer les amis WeChat sans bloquer ou supprimer Méthode 1 : 1. Ouvrez d'abord le logiciel WeChat, recherchez le carnet d'adresses sur la page WeChat et cliquez sur « Mon ». 2. Ensuite, nous entrons dans la page des paramètres. 3. Recherchez l'option « Confidentialité » et cliquez dessus. 4. Cliquez ensuite sur « Ne le laissez pas voir ». 5. Accédez à la page Ne pas la laisser voir et cliquez sur « + » pour vérifier les amis que vous souhaitez masquer.

Comment masquer les œuvres dans les courtes vidéos Douyin Comment masquer les œuvres vidéo personnelles Comment masquer les œuvres dans les courtes vidéos Douyin Comment masquer les œuvres vidéo personnelles Mar 12, 2024 pm 12:49 PM

Il existe de nombreuses courtes œuvres vidéo fournies dans le logiciel d'application vidéo courte Douyin. Vous pouvez les regarder à votre guise, et elles sont toutes fournies gratuitement en permanence. Différents types de chaînes vidéo en direct sont ouverts et tout le contenu vidéo est original. . Offrez à chacun la façon la plus satisfaisante de regarder. Entrez votre compte pour vous connecter en ligne, et une variété de courtes vidéos passionnantes seront diffusées, qui sont recommandées avec précision en fonction de ce que tout le monde regarde chaque jour. Vous pouvez également entrer dans la salle de diffusion en direct pour interagir et discuter avec le présentateur, vous faisant ressentir. plus heureux. Les œuvres téléchargées par des particuliers peuvent également être masquées. C'est très simple à configurer en un seul clic. Vous pouvez voir partout où vous glissez vers le haut et vers le bas pour voir les commentaires en temps réel d'innombrables internautes. L'éditeur propose désormais des courtes vidéos détaillées en ligne sur Douyin. Les utilisateurs demandent des moyens de cacher leurs œuvres vidéo personnelles. Première courte vidéo ouverte de Douyin

Utilisez habilement CSS pour réaliser divers boutons de forme étrange (avec code) Utilisez habilement CSS pour réaliser divers boutons de forme étrange (avec code) Jul 19, 2022 am 11:28 AM

Cet article va vous montrer comment utiliser CSS pour réaliser facilement divers boutons aux formes étranges qui apparaissent fréquemment. J'espère que cela vous sera utile !

Comment masquer Smart Island sur Xiaomi Mi 14 ? Comment masquer Smart Island sur Xiaomi Mi 14 ? Mar 18, 2024 pm 03:40 PM

En plus de l'étonnante configuration matérielle et des excellentes fonctions, le Xiaomi Mi 14 cache également un endroit fascinant : Smart Island. Ici, les utilisateurs peuvent profiter d’une personnalisation personnalisée et d’une expérience créative illimitée sur téléphone mobile. Mais tout le monde n’aime pas cette fonctionnalité, alors comment Xiaomi Mi 14 cache-t-il Smart Island ? Découvrons ensemble. Comment masquer Smart Island sur Xiaomi Mi 14 ? 1. Ouvrez l'application des paramètres du téléphone mobile Xiaomi 14. 2. Faites défiler pour trouver l'option « Fonctionnalités » et cliquez pour entrer. 3. Recherchez l'option « Masquer l'îlot intelligent » sur la page des fonctionnalités et activez-la. 4. Après avoir confirmé que le masquage de Smart Island est activé, revenez au bureau et vous verrez que Smart Island a été masqué.

Tutoriel détaillé sur le masquage des travaux sur Douyin Tutoriel détaillé sur le masquage des travaux sur Douyin Mar 25, 2024 pm 03:11 PM

1. Cliquez d'abord sur [+] pour tirer. 2. Cliquez ensuite sur la coche dans le coin inférieur droit pour confirmer la fin de la prise de vue. Cliquez] Suivant[, 3. Cliquez sur [Qui peut voir]. Sélectionnez simplement [Privé]. Scénario 2 : Le travail a été effectué. 1. Cliquez sur [Moi] et sélectionnez [Travail]. 2. Cliquez sur le logo [trois points] à droite. 3. Faites glisser votre doigt vers la gauche pour trouver [Paramètres d'autorisation], 4. Cliquez sur [Définir comme privé].

See all articles