So erzielen Sie den drohenden Effekt, wenn die Maus in CSS3 darüber gleitet-Front-End-Fragen und Antworten-php.cn

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

青灯夜游

Freigeben： 2022-03-07 16:23:28

Original

1855 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!