| drop-shadow(); | ||
|---|---|---|
|
Отбразываемая тень от изображения 4 параметра: смещение по oX, смещение по oY, размытие, цвет |
filter: drop-shadow(10px 10px 1px deeppink); |
|
| Отбразываемая тень от текста |
filter: drop-shadow(5px -3px 0px black); |
Some text Some text Some text |
| Множественная тень |
filter: drop-shadow(5px -3px 0px black) |
Some text |
| brightness(); | ||
| Яркость (100% по ум*) |
filter: brightness(50%); |
|
| contrast(); | ||
| Контраст (1 по ум*) |
filter: contrast(0.5); |
|
| grayscale(); | ||
| Обесцвечивание (0 по ум*, 1 - полное обесцвечивание) |
filter: grayscale(0.5); |
|
| sepia(); | ||
| Сепия (0 - 1) |
filter: sepia(0.5); |
|
| invert(); | ||
| Инверсия цвета (0 - 1) |
filter: invert(0.3); |
|
| saturate(); | ||
|
Насыщенность цвета (0 - 1) seturate(0) аналог grayscale(1) |
filter: saturate(0); |
|
| hue-rotate(); | ||
Поворот по цветовому кругу (0-360deg)
|
filter: hue-rotate(180deg); |
|
| blur(); | ||
| Размытие в px |
filter: blur(5px); |
|
| opacity(); | ||
|
Прозрачность (0 - 1) 1 - по ум* |
filter: opacity(0.5); |
|
| Множественный фильтр | ||
| Перечисляются друг за другом через пробел |
filter: opacity(0.9) blur(2px) contrast(3)
sepia(0.2);
|
|