Как размыть изображение?
Для размытия картинок применяется свойство filter с функцией blur(), внутри которой пишется радиус размытия. Чем больше значение, тем сильнее будет размыта картинка. Минимальное значение равно нулю, при этом никакого размытия не происходит. При значении, скажем, 5px, происходит размытие изображения и потеря детализации. В примере 1 показано размытие картинок через blur(), при наведении на них указателя картинки плавно превращаются в исходные резкие изображения.
Пример 1. Использование blur()
Результат данного примера показан на рис. 1.
Рис. 1. Размытие изображения
См. также
Автор и редакторы
Последнее изменение: 24.12.2018
Редакторы: Влад Мержевич