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:
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.
Nyelv kiválasztása
Téma beállítása
© 2024 ReadyTools. Minden jog fenntartva.