/ Справочники / CSS3 / blur () функция

Информация по поводу - blur () функция


Функция blur () предназначена для создания эффекта размытия. Функция будет работать корректно со всеми дочерними тегами body.

Размытие создается по Гауссу. В качестве размера размытия можно вписать любые CSS3 единицы измерения, к примеру 5px. Чем больше это значение, тем больше будет размытие.

Синтаксис функции:
filter: blur(Размер);
Пример функции blur ():
#css-course {
   -webkit-filter: blur(5px);
   filter: blur(5px);
}
HTML код:
<div id="css-course">
	<img src="img/css3.jpg">
</div>
Результат: