83 of 313 menu

Contrast функциясы

contrast функциясы түстің контрасттылығын түзету үшін қолданылады. Ол түстің ең жеңіл және қараңғы бөліктері арасындағы айырмашылықты арттырады немесе азайтады, оны неғұрлым көрнекі етеді немесе керісінше, неғұрлым жұмсартады. 100% мәні түсті өзгертпей қалдырады. 100%-дан кіші мәндер контрасттылықты азайтады, 100%-дан үлкен мәндер - арттырады. 0% мәні толығыyla сұр түс жасайды.

Синтаксис

contrast(amount)

Мысал

Көк түс үшін контрасттылықтың әртүрлі дәрежелері:

<div class="box contrast-50">50% контраст</div> <div class="box contrast-100">100% контраст</div> <div class="box contrast-150">150% контраст</div> <div class="box contrast-200">200% контраст</div> .box { width: 100px; height: 100px; margin: 10px; display: inline-block; color: white; text-align: center; line-height: 100px; } .contrast-50 { background: contrast(#3498db, 50%); } .contrast-100 { background: contrast(#3498db, 100%); } .contrast-150 { background: contrast(#3498db, 150%); } .contrast-200 { background: contrast(#3498db, 200%); }

:

Сондай-ақ қараңыз

  • brightness функциясын,
    ол түстің жарықтығын реттейді
  • invert функциясын,
    ол түстерді инверттейді
Қазақ
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართული한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Біз сайттың жұмысы, аналитика және персонализация үшін cookie файлдарын қолданамыз. Деректерді өңдеу Құпиялылық саясаты бойынша жүреді.
барлығын қабылдау баптау қабылдамау