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

Что такое blur () функция в CSS3?

Функция 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>

Результат:

Комментарии