suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >So erzielen Sie den drohenden Effekt, wenn die Maus in CSS3 darüber gleitet

So erzielen Sie den drohenden Effekt, wenn die Maus in CSS3 darüber gleitet

青灯夜游
青灯夜游Original
2022-03-07 16:23:281877Durchsuche

In CSS3 können Sie den Selektor und das Anzeigeattribut „:hover“ verwenden, um den drohenden Effekt zu erzielen, wenn die Maus darüber fährt. Sie müssen dem Element nur den Stil „element:hover{display:none;}“ hinzufügen .

So erzielen Sie den drohenden Effekt, wenn die Maus in CSS3 darüber gleitet

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

css3 erkennt den drohenden Effekt, wenn die Maus darüber gleitet.

In CSS3 können Sie den „:hover“-Selektor und das Anzeigeattribut verwenden, um den drohenden Effekt zu erzielen, wenn die Maus darüber gleitet.

Verwenden Sie einfach den Selektor „:hover“, um den Status des Elements auszuwählen, wenn sich die Maus darüber befindet, und fügen Sie den Stil „display:none;“ hinzu, um das Element auszublenden.

Auf diese Weise wird das Element ausgeblendet, wenn die Maus über das Element gleitet. Wenn die Maus aus dem Element herausgleitet, wird das Element angezeigt. 

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

So erzielen Sie den drohenden Effekt, wenn die Maus in CSS3 darüber gleitet

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo erzielen Sie den drohenden Effekt, wenn die Maus in CSS3 darüber gleitet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css css3 选择器 display
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So konvertieren Sie ein Array in Vue in einen StringNächster Artikel：So konvertieren Sie ein Array in Vue in einen String

In Verbindung stehende Artikel

Mehr sehen