In HTML können Sie das Filterattribut verwenden, um das Bild heller zu machen. Sie müssen dem Bildelement lediglich den Stil „filter:brightness(% value)“ hinzufügen. Das Filterattribut legt die Funktion „brightness()“ fest, um die Helligkeit des Bildes anzupassen. Wenn der Wert dieser Funktion „100 %“ überschreitet, wird das Bild heller.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In HTML können Sie das Filterattribut verwenden, um Bilder aufzuhellen. Lassen Sie uns ein Beispiel verwenden, um die Implementierungsmethode zu verstehen:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.img1 {
-webkit-filter: brightness(50%);
/* Chrome, Safari, Opera */
filter: brightness(50%);
}
.img2 {
-webkit-filter: brightness(120%);
/* Chrome, Safari, Opera */
filter: brightness(120%);
}
</style>
</head>
<body>
<p>原图:</p>
<img src="img/1.jpg" alt="Pineapple" width="300">
<p>filter属性控制图片的亮度:</p>
<img class="img1" src="img/1.jpg" alt="Pineapple" width="300">
<img class="img2" src="img/1.jpg" alt="Pineapple" width="300">
</body>
</html>Rendering:
Beschreibung:
Das Filterattribut definiert den visuellen Effekt des Elements (z. B. Unschärfe und Sättigung). Die Funktion
brightness(%) passt die Helligkeit eines Bildes an, indem sie eine lineare Multiplikation auf das Bild anwendet, um es heller oder dunkler erscheinen zu lassen. Bei einem Wert von 0 % ist das Bild komplett schwarz. Wenn der Wert 100 % beträgt, erfolgt keine Änderung am Bild. Andere Werte entsprechen linearen Multiplikatoreffekten. Werte über 100 % sind in Ordnung und das Bild wird heller als zuvor. Wenn kein Wert festgelegt ist, ist der Standardwert 1.
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo machen Sie Bilder in HTML heller. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
