HTML-фильтры часть 2

Автор: Topol Понедельник, Апрель 16th, 2012 Нет комментариев

Рубрика: Уроки html

Продолжаем рассматривать возможности фильтров в языке HTML, и у нас на очереди ещё два примера.

Фильтр Chroma

С его помощью можно определённый цвет сделать прозрачным. Открываем пример здесь, и смотрим ниже его код:

<HTML>

<BODY background=»graphic/678.jpg» >

<IMG src=»graphic/cheek.gif»

style=»position: absolute; width: 300px; height: 300px; filter: Chroma(Color=white)»>

</BODY>

</HTML>

Рассматриваем код:
width: 300px; height: 300px ширина и высота изображения соответственно.

Color=white цвет, который будет прозрачным, в данном случае белый.

Фильтр Blur

Создаёт эффект размытия. Смотрим пример, а затем код:

<HTML>

<BODY bgcolor=#000000>

<DIV style=»font: 50pt Times New Roman; color: YellowGreen;
position: absolute; top: 20;
filter:Blur(add=1, direction=225, strenght=5)»>

Текст с использованием фильтра Blur.

</DIV>

</BODY>

</HTML>

Где:

50pt размер шрифта

Times New Roman стиль написания

color: YellowGreen цвет текста

add= данный параметр имеет два значения — 0, или 1. Если значение 0, то размывается весь текс, если 1, то только края.

direction=225 направление размытия в градусах (часть от 360)

strenght=5 величина размытия

Источник: webcorp.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты