Təmiz CSS-da 8 faydalı imkan: 3) Daimi Night Mode

Təmiz CSS-da 8 faydalı imkan: 3) Daimi Night Mode

Code-News
09.03.2019 PAYLAŞIM
TECHNOTE @technote TECHNOTE logo icon

Bənzər xəbər


#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:

1) «Yapışqan» footer

2) İmage zoom on hover



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:


Qeyd: Şərhlərdə nalayiq ifadələr işlətmək, reklam xarakterli mətn paylaşmaq qadağandır.

Şərh yoxdur

Şərh yazmaq üçün daxil olun


DAHA ÇOX


2020-ci ildə məlumatların vizualizasiyası üçün aktual olacaq Top-8 JavaScript ki..

JavaScript-də məlumatları daha gözəl şəkildə təqdim etmək lazımdır?


Microsoft bu il olmuş qeyri adi fişinq kiberhücumlarından danışdı

Bir neçə müddət bundan öncə isə Microsoft şirkəti kiberhücumlar və malware-lar üzrə trendləri əks et..


Microsoft Windows-da 0-day boşluğu da daxil olmaqla 7 kritik sistem boşluğu arad..

Microsoft şirkəti bu ay təqdim etmiş olduğu yenilənmələr ilə öz sistemlərində 36 boşluğu aradan qald..


Microsoft Teams platformasının Linux versiyası təqdim edildi

Microsoft şirkəti Microsoft Teams platformasının Linux versiyasını təqdim edib.


OpenBSD-də 4 ciddi sistem boşluğu aşkar edilib

OpenBSD-də 4 ciddi sistem boşluğu aşkar edilərək aradan qaldrılıb.


Sadə tətbiqlərin müxtəlif proqramlaşdırma dillərindəki test nəticələri təqdim ed..

Assembler x86_64-də HeavyThing adlı azad kitabxananı reallaşdırmış müəllif Jeff Marrison “Assembler-..

×