Funkcija contrast
Funkcija contrast naudojama spalvos kontrastiškumui koreguoti.
Ji padidina arba sumažina skirtumą tarp šviausios ir tamsiausios spalvos dalių,
padarydama ją išraiškingesnę arba, atvirkščiai, prigesdinta.
Reikšmė 100% palieka spalvą nepakitusią.
Reikšmės mažesnės nei 100% sumažina kontrastiškumą, reikšmės didesnės nei 100% - padidina.
Reikšmė 0% sukuria visiškai pilką spalvą.
Sintaksė
contrast(amount)
Pavyzdys
Įvairūs kontrastiškumo laipsniai mėlynai spalvai:
<div class="box contrast-50">50% kontrastas</div>
<div class="box contrast-100">100% kontrastas</div>
<div class="box contrast-150">150% kontrastas</div>
<div class="box contrast-200">200% kontrastas</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%);
}
:
Žiūrėkite taip pat
-
funkciją
brightness,
kuri reguliuoja spalvos šviesumą -
funkciją
invert,
kuri apverčia spalvas