Təmiz CSS-da 8 faydalı imkan: 3) Daimi Night Mode
Digər
Code-News
09.03.2019
Farid Pardashunas
#Step IT Academy tərəfindən təqdim olunur
CSS texnologiyasında 8 faydalı həllər barədə olan məqalə seriyasına davam edirik.
Öncəki hissələr:
3) Daimi Night Mode
Əgər sizə qısa zamanda saytınızda gecə rejimi imkanı əlavə etmək lazımdırsa invert və hue-rotate filtrlarından yararlanın.
filter: invert() 0 dan 1-ə qədər ola bilər. 1 — artıq inversiyadır və burada ağ olan qara görsənir.
filter: hue-rotate () sizin elementlərinizin rənglərini elə dəyişir ki, onlar öz aralarında eyni fərq dərəcələrini saxlamış olurlar. Value 0 ilə 360 dərəcə arasında ola bilər.
Əgər bu effektlərin ikisini də body-də işlətsəniz qısa zamanda saytın gecə rejimini əldə edə bilərsiniz (bu halda fona rəng verilməsi mütləqdir).
Nümunə:
body { background: #FFF; filter: invert(1) hue-rotate(210deg); }
Bu tənzimləmələrdən istifadə edərək Google-ın start səhifəsini belə dəyişmək olar:
Linki kopyala
Bənzər xəbərlər
Oxşar xəbərlər
Həftənin xəbərləri
Huawei Pura 70 və Pura 70 Pro təqdim olunublar - QİYMƏTİ
WhatsApp-da AirDrop analoqu istifadəyə veriləcək