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функциясын,
ол түстерді инверттейді