Фильтры CSS

CSS

img {filter: blur(10);} -размытие

img {filter: brightness(200%);} и img {filter: contrast(61%);} -контрастность

img {width: calc(20px + 20px);} - выражение представляет собой комбинацию значений размеров и следующих знаков математических действий.Знаки плюс и минус должны отбиваться пробелами с двух сторон.

filter: drop-shadow(<сдвиг по x> <сдвиг по y> <радиус размытия> <цвет>);Пример: .shadow {-webkit-filter: drop-shadow(0 0 3px rgba(100,0,0,0.5));filter: drop-shadow(0 0 3px rgba(100,0,0,0.5));}

img {filter: grayscale(100%);} - превращает изображение в чёрно-белое

img {filter: opacity(13%);} - прозрачность

div {transform-origin: 0 50%;transform: perspective(200px) rotateY(15deg);} - определяет расстояние от плоскости экрана до точки сходимости линий

img {filter: saturate(200%);} - насыщенность