2015-09-06
169
Хотя фильтры поддерживает пока только Internet Explorer, почему бы не воспользоваться этими чисто декоративными возможностями. Explorer покажет все красиво, а остальные браузеры - обыкновенно; во всяком случае, никакого ущерба не будет. Фильтры могут применяться к изображениям и блокам текста.
Синтаксис задания фильтров:
{ filter: название фильтра (список атрибутов фильтра) }
Список атрибутов фильтра либо пуст, либо представляет собой пары название атрибута=значение атрибута, разделенные запятыми. Например
{ filter: shadow(color=black, Direction=50) }
NB! Для того, чтобы применение фильтра дало результат, для блока надо задать либо позиционирование, либо ширину.
| Название фильтра | Описание фильтра | Атрибуты | Значения атрибутов |
| alpha | прозрачность, одинаковые значения opacity и finishOpacity задают равномерную прозрачность, а разные - градиентную | opacity - степень прозрачности в начале градиента | число от 0 до 100 |
| finishOpacity - степень прозрачности в конце градиента | число от 0 до 100 | ||
| style - тип градиента прозрачности | числа 0,1,2,3 0 - равномерный 1 - линейный 2 - радиальный 3 - прямоугольный | ||
| chroma | абсолютная прозрачность для одного заданного цвета | color - цвет, объявляемый прозрачным | цвет |
| dropshadow | эффект тени | color - цвет тени либо маски (в зависимости от значения positive) | цвет |
| offx - смещение тени по горизонтали | число | ||
| offy - смещение тени по вертикали | число | ||
| positive - применение атрибута color: | 0 - как цвет маски 1 - как цвет тени | ||
| flipv | зеркальное отображение по вертикали | ||
| fliph | зеркальное отображение по горизонтали | ||
| glow | ореол | color | цвет |
| strength - интенсивность | число от 1 до 100 | ||
| gray | преобразование цветов объекта в оттенки серого | ||
| invert | инверсия цветов объекта | ||
| mask | выделяет фон текстового объекта указанным цветом, цвет шрифта становится белым | color - цвет выделения | цвет |
| shadow | тень | color - цвет тени | цвет |
| direction - направление тени в градусах | число от 0 до 360 | ||
| wave | волнообразное искажение | add | 0 либо 1 |
| freq - частота волны | число | ||
| phase - фаза волны | число | ||
| lightstrength - освещенность | число | ||
| strength - интенсивность волны | число | ||
| xray | негативное изображение |
|
|
|
