grayscale()
- Data publikacji
- Ostatnio edytowano
Przeznaczenie funkcji grayscale()
Za pomocą funkcji grayscale() możemy określić procent szarości koloru.
Parametry funkcji grayscale()
- Przykładowe zapisy
-
grayscale(75%)grayscale(0.75)grayscale(25.6%)grayscale(0.256)
- percent
-
Parametr
percentjest wymaganym parametrem funkcjigrayscale(). Parametrpercentokreśla procent szarości koloru. Im większy procent tym kolor będzie bardziej szary.
Występowanie funkcji grayscale()
Przykład funkcji grayscale()
filter:grayscale(90%);
Procent szarości 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 "grayscale()", w której to funkcji została użyta wartość "90%".
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:grayscale(90%);
}
</style>
</head>
<body>
<img src="https://webkod.pl/files/css/zwierze-01.png" alt="zdjęcie lwa">
</body>
</html>Interpretacja funkcji grayscale()
-
tak
-
tak
-
tak
-
tak
-
nie
-
tak
Zobacz więcej informacji o interpretacji funkcji grayscale().