Kezdőlap

EszközökBlog


CSS Contrast Generator BÉTA

Konfiguráció

Contrast

Osztály

Előnézet

Parliament of Hungary, Budapest

Kód

CSS Contrast Generator

A CSS Contrast tulajdonság lehetővé teszi, hogy számos képszerkesztési hatást alkalmazzon egy HTML-elemre, például egy képre vagy egy szövegdobozra. Az egyik ilyen hatás a kontraszt, amely lehetővé teszi egy elem kontrasztjának beállítását.

A kontrasztérték határozza meg, hogy a kép színei mennyire térnek el az eredetitől. Egy magasabb kontrasztérték növeli a színek közötti különbséget, míg egy alacsonyabb érték csökkenti ezt a különbséget.

Íme egy példa arra, hogyan használhatja a kontraszt tulajdonságot a CSS-ben:

img { filter: contrast(100%); } img.high-contrast { filter: contrast(150%); } img.low-contrast { filter: contrast(70%); }

Ebben a példában a szűrő tulajdonságot egy három különböző kontrasztértékkel rendelkező képre alkalmazzuk. Az alapértelmezett érték 100%, ami nem változtatja meg a kontrasztot. A "magas kontrasztú" és az "alacsony kontrasztú" osztályokhoz rendelt értékek növelik, illetve csökkentik a kontrasztot.

Fontos megjegyezni, hogy a szűrő tulajdonság támogatása böngészőnként eltérő lehet, és nem minden böngésző biztosítja ugyanazokat a szűrési hatásokat. Ellenőrizze a böngésző kompatibilitását, és tesztelje a kívánt hatásokat több böngészőben, hogy megbizonyosodjon a megfelelő működésről.


Top eszközök

Code Hub
SzínpalettaÚJ
Erős Jelszó GenerátorSzínválasztóSocial Media felhasználónév ellenőrző

Nyelv kiválasztása

Téma beállítása

© 2024 ReadyTools. Minden jog fenntartva.