contrast()
- Data publikacji
- Ostatnio edytowano
Przeznaczenie funkcji contrast()
Za pomocą funkcji contrast() możemy określić procent zróżnicowania koloru.
Parametry funkcji contrast()
- Przykładowe zapisy
-
contrast(170%)contrast(1.7)contrast(267.8%)contrast(2.678)
- percent
-
Parametr
percentjest wymaganym parametrem funkcjicontrast(). Parametrpercentokreśla procent zróżnicowania (kontrastu) koloru. Im większy procent tym kontrast koloru będzie większy.
Właściwości CSS dla funkcji contrast()
Przykład funkcji contrast()
filter:contrast(160%);
Procent zróżnicowania kolorów przykładowego elementu "img" został zmieniony, ponieważ do wspomnianego elementu "img" została dodana właściwość "filter" wraz z wartością w postaci funkcji "contrast()", w której to funkcji została użyta wartość "160%".
Kod źródłowy przykładu
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
img {
filter:contrast(160%);
}
</style>
</head>
<body>
<img src="https://webkod.pl/files/css/zwierze-01.png" alt="zdjęcie lwa">
</body>
</html>Interpretacja funkcji contrast()
-
tak
-
tak
-
tak
-
tak
-
nie
-
tak
Zobacz więcej informacji o interpretacji funkcji contrast().