Kezdőlap

EszközökBlog


CSS Invert generátor BÉTA

Konfiguráció

Invert

Osztály

Előnézet

Parliament of Hungary, Budapest

Kód

CSS Invert generátor

A CSS-ben az "invert" hatást a "filter" tulajdonság segítségével alkalmazhatja az elemekre. Az "invert" hatás lényegében megfordítja egy elem színeit, negatív vagy fordított megjelenést eredményezve.

Íme, hogyan használhatod az "invertálás" hatást CSS-ben:

.invert-element { filter: invert(100%); }

ebben a példában:

  • Az ".invert-element " osztály az "invert" hatást alkalmazza a célzott elemre.
  • "invert(100%)" 100%-os inverziót ad meg, ami azt jelenti, hogy az elem színei teljesen megfordulnak.

A százalékos értéket beállíthatja az inverzió intenzitásának szabályozásához. Például az "invert(50%)" részleges inverziót eredményez, megőrizve az eredeti színek egy részét.

Íme egy másik példa részleges inverzióval:

.partial-invert-element { filter: invert(30%); }

Ebben az esetben a ".partial-invert-element" osztály 30%-os inverziós hatást alkalmaz, ami a színek részleges megfordulását eredményezi.

Az "invertálás" effektus egyedi vizuális hatások és színátmenetek létrehozására használható a webdesignban. Ez egy kreatív eszköz, amellyel kísérletezhetsz, hogy különleges vizuális stílusokat érj el, vagy hogy változatosabbá tedd a tartalmat.


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.