Программирование - это просто
Advertisement
Главная arrow Web-программирование arrow Уроки CSS arrow Уроки web-программирования. CSS (HTML): Фильтры. Blur
18.04.2024 г.
Главное меню
Главная
Интернет магазин
Программные продукты
Биржевые роботы
Искусственный интеллект
Математика и информатика
1С:Предприятие
Уроки C#
Уроки Delphi
Уроки программирования
Web-программирование
Дизайн и графика
Компьютер для блондинок
Исходники
Статьи
Платный раздел
Рассказы про компьютеры
Хитрости и секреты
Системный подход
Размышления
Наука для чайников
Друзья сайта
Excel-это не сложно
Все о финансах
.
Уроки web-программирования. CSS (HTML): Фильтры. Blur Печать E-mail
Автор megabax   
22.10.2011 г.
Урок 13. Управление шрифтами в CSS New Page 1

Уроки web-программирования. CSS (HTML): Фильтры. Blur

Все статьи по CSS.

 

Сегодня мы изучим другой фильтр 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>

 

И вот что он сотворит с картинкой из прошлого урока:

 

Уроки web-программирования. CSS (HTML): Фильтры. Blur

Теперь поговорим о параметрах.

add - определяет, будет ли исходный объект находиться поверх размытого. Давайте поставим его в false и увидим, как измениться изображение6

Уроки web-программирования. CSS (HTML): Фильтры. Blur

direction - направление смазывания, в градусах Давайте в первом варианте поставим не 70, 150:

 

Уроки web-программирования. CSS (HTML): Фильтры. Blur

strength - уровень размытости. Поставим вместо 10 - 30:

 

Уроки web-программирования. CSS (HTML): Фильтры. Blur

 

Последнее обновление ( 22.10.2011 г. )
 
« След.   Пред. »
 
© 2024 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги