CSS
HTML
COMPONENTS
CODE HUB
CSS Brightness Generátor
Konfiguráció
Brightness
Osztály
Előnézet
Kód
Learn to Code with Lara
Master programming concepts step-by-step with your interactive AI tutor. Lara explains complex logic, reviews your practice exercises, and helps you build a solid foundation in software development.
Interactive coding lessons tailored to your own pace.
Start learning with LaraCSS 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ó.