CSS
HTML
COMPONENTS
CODE HUB
CSS Brightness Generátor
Konfiguráció
Brightness
Osztály
Előnézet
Kód
Tanulj meg kódolni Larával
Sajátítsd el a programozási alapokat lépésről lépésre az interaktív AI tutorod segítségével. Lara elmagyarázza a komplex logikát, átnézi a gyakorló feladataidat, és segít szilárd alapokat építeni a szoftverfejlesztésben.
Interaktív kódolási leckék a saját tempódra szabva.
Tanulás indítása LarávalCSS Brightness Generátor
Az angol "brightness" szó a megvilágítás mértékére vagy a fény intenzitására utal. A CSS-ben a "brightness" a szűrő tulajdonság egyik értéke, amely lehetővé teszi egy elem fényerejének vagy intenzitásának beállítását. A "brightness" értéket százalékban adják meg, ami azt jelzi, hogy az elemnek mennyire kell világosnak vagy halványnak lennie az eredeti állapotához képest.
Például:
- brightness(100%): Fenntartja az eredeti fényerőt vagy intenzitást.
- brightness(50%): Az elem fényerejét vagy intenzitását a felére csökkenti, ami sötétebb megjelenést eredményez.
- brightness (200%): Megduplázza az elem fényerejét vagy intenzitását, ami fényesebb megjelenést eredményez.
Íme egy CSS-példa a fényerőszűrő tulajdonság használatára:
.my-element {
filter: brightness(100%);
}
.my-element.dim {
filter: brightness(50%);
}
.my-element.bright {
filter: brightness(200%);
}
Ez a kód bemutatja, hogyan állíthatod be a weboldalad elemeinek fényerejét a CSS "brightness" szűrő tulajdonságának használatával. A ".my-element " osztályú elem fényerejét különböző osztályok hozzáadásával lehet beállítani, például ".dim" a csökkentett fényerőhöz vagy ".bright " a megnövelt fényerőhöz, ahogy a példában látható.