Уроки web-программирования. CSS (HTML): Фильтры. Blur
Сегодня мы изучим другой фильтр blur - размазанное изображение. Вот пример использование данного фильтра:
|
<html> <HEAD> <STYLE TYPE="text/css"> <!-- img{ filter:blur(add=true, direction=70, strength=10)} --> </STYLE> </HEAD> <BODY> <img src="1.jpg"> </BODY> </html> |
И вот что он сотворит с картинкой из прошлого урока:
Теперь поговорим о параметрах.
add - определяет, будет ли исходный объект находиться поверх размытого. Давайте поставим его в false и увидим, как измениться изображение6
direction - направление смазывания, в градусах Давайте в первом варианте поставим не 70, 150:
strength - уровень размытости. Поставим вместо 10 - 30:
