Приглашаем посетить
Visual
|
Эффекты от применения фильтров |
Источник изображения: 
(фон прозрачный)
Использование фильтров возможно для изображений и таблиц.
Названия фильтров доступны при удержании курсора на нужном эффекте :
Синтаксис для применения фильтров на картинку:
<img src="/images/024/logo.gif" style="filter: alpha(style=0, opacity=35)">
<img src="/images/024/logo.gif" style="filter: alpha(style=1, opacity=256, finishOpacity=0)">
<img src="/images/024/logo.gif" style="filter: alpha(style=2, opacity=256, finishOpacity=0)">
<img src="/images/024/logo.gif" style="filter: blur(strenght=250, direction=135)">
<img src="/images/024/logo.gif" style="filter: glow(color=blue)">
<img src="/images/024/logo.gif" style="filter: dropShadow(offX=15, offY=10, color=olive, add=0)">
<img src="/images/024/logo.gif" style="filter: flipH()">
<img src="/images/024/logo.gif" style="filter: flipV()">
<img src="/images/024/logo.gif" style="filter: chroma(color=black)">
<img src="/images/024/logo.gif" style="filter: gray()">
<img src="/images/024/logo.gif" style="filter: light()">
<img src="/images/024/logo.gif" style="filter: mask(color=green)">
<img src="/images/024/logo.gif" style="filter: shadow(color=red, direction=45)">
<img src="/images/024/logo.gif" style="filter: invert()">
<img src="/images/024/logo.gif" style="filter: xray()">
Чтоб использовать фильтр на таблицу используйте примерно следующий синтаксис:
<table border style="filter: chroma(color=green)">
Поэкспериментируйте со значениями... opacity не более 256, add=1 повторяет контур...
direction- угол падения тени(360 с шагом в 15 град.)
Фильтры могут иметь огромное количество параметров. Например фильтр light может
создавать эффект направленного светового источника любого цвета с различным
размытием и затенением. Другие фильтры могут например постепенно проявлять одно изображение
сквозь другое. Все перечисленное, не входит в компетенцию чайника, поэтому
кто заинтересован в своем росте как WEBдизайнер- ищите литературу.
Назад | Содержание | Вперед
