CSS
HTML
COMPONENTS
CODE HUB
CSS Helligkeits-Generator
Konfiguration
Brightness
Klasse
Vorschau
Code
Coden lernen mit Lara
Meistere Programmierkonzepte Schritt für Schritt mit deinem interaktiven KI-Tutor. Lara erklärt komplexe Logik, überprüft deine Praxisübungen und hilft dir, ein solides Fundament in der Softwareentwicklung aufzubauen.
Interaktive Programmierlektionen, angepasst an dein eigenes Tempo.
Jetzt lernen mit Lara startenCSS Helligkeits-Generator
Das Wort Helligkeit bezieht sich auf den Grad der Beleuchtung oder die Intensität des Lichts. In CSS ist Helligkeit einer der Werte für die filter-Eigenschaft, mit der Sie die Helligkeit oder Intensität eines Elements anpassen können. Der Helligkeitswert wird als Prozentsatz angegeben, der angibt, wie hell oder dunkel das Element im Vergleich zu seinem ursprünglichen Zustand sein soll.
Zum Beispiel:
- brightness(100%): Behält die ursprüngliche Helligkeit oder Intensität bei.
- brightness(50%): Reduziert die Helligkeit oder Intensität des Elements um die Hälfte, was zu einem dunkleren Erscheinungsbild führt.
- brightness(200%): Verdoppelt die Helligkeit oder Intensität des Elements, was zu einem helleren Erscheinungsbild führt.
Hier ist ein CSS-Beispiel, wie Sie die brightness-Filtereigenschaft verwenden können:
.my-element {
filter: brightness(100%);
}
.my-element.dim {
filter: brightness(50%);
}
.my-element.bright {
filter: brightness(200%);
}
Dieser Code zeigt, wie Sie die Helligkeit von Elementen auf Ihrer Webseite mit der brightness-Filtereigenschaft in CSS anpassen können. Das Element mit der Klasse .my-element kann durch Hinzufügen verschiedener Klassen wie .dim für reduzierte Helligkeit oder .bright für erhöhte Helligkeit angepasst werden, wie im Beispiel gezeigt.