Що таке 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>

Результат:

Коментарі