История HTML  |  Возможности и применение HTML  | Готовые шаблоны для веб-сайтов
   

Фильтры, применяемые к изображению


Фильтр Alpha. Вверх

Осветляет изображение.

Синтаксис:
STYLE="filter:Alpha(Opacity='Opacity', FinishOpacity='Finishopacity', Style='Style', StartX='X', StartY='Y', FinishX='X', FinishY='Y')"
Opacity - степень осветления (0-100. 0 светло, 100 темно).
FinishOpacity - конечная степень осветления (0-100. 0 светло, 100 темно).
Style - метод осветвления (число: 0(без осветвления), 1(линия) 2(круг) 3(прямоугольник)
StartX, StartY, FinishX, FinishY - координаты осветвляемой области

Пример:
<IMG STYLE="filter:Alpha(Opacity='90',FinishOpacity='45',Style='2')" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>


Фильтр Blur. Вверх

Размывает изображение в определенную сторону.

Синтаксис:
STYLE="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')"
Add - умеренное или сильное размытие (соответственно 1 или 0)
Direction - в какую сторону произойдет размытие (oт 0 до 315)
Strength - смещение размытия

Пример:
<IMG STYLE="filter:Blur(Add='1',Direction='310',Strength='10')" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>


Фильтр Invert. Вверх

Инверсия изображения

Синтаксис:
STYLE="filter:Invert"

Пример:
<IMG STYLE="filter:Invert" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>


Фильтр Gray. Вверх

Делает изображение черно-белым

Синтаксис:
STYLE="filter:Gray"

Пример:
<IMG STYLE="filter:Gray" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>


Фильтр Chroma. Вверх

Определенный цвет делается прозрачным.

Синтаксис: STYLE="filter:Chroma(Color='Color')"
Color - цвет выделения в шестнадцатиричном виде (напр. #000000) или название цвета на английском, например, Black, Red, Blue, Green.

Пример:
<IMG STYLE="filter:Chroma(Color='#000000')" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>


Фильтр Xray. Вверх

Негативное изображение

Синтаксис: STYLE="filter:Xray"

Пример:
<IMG STYLE="filter:Xray" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>


Фильтр RevealTrans. Вверх

Появление изображения.

Синтаксис:
STYLE="filter:revealTrans(Duration='Duration', Transition='Transition')"
Duration - время, за которое появится изображение (в секундах)
Transition - эффект (совершенно разные эффекты от 0 до 23). Значение 23 меняет эффект появления изображения после каждой перезагрузки страницы.

Пример использования:
<SCRIPT>
<!--
function Start()
// Функция запуска фильтра. Кнопка Показать.
{
RevealTransFilter.filters.item(0).Apply()
RevealTransFilter.filters.item(0).Play()
RevealTransFilter.style.visibility=""
}
function Clear()
// Функция скрытия изображения. Кнопка Сброс.
{
RevealTransFilter.style.visibility="hidden"
}

 

 

 

 

 

 

© 2012 OnlineHTML.narod.ru
Сайт управляется системой uCoz