Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Фильтры и Эффекты перехода 
:(
    Опции темы
NNaarreekk
Дата 28.7.2007, 22:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 768
Регистрация: 23.6.2007
Где: Армения

Репутация: 2
Всего: 3



Хорошие примеры есть Здесь!

мне очень помогли!
PM MAIL WWW   Вверх
almostlost
Дата 29.12.2007, 11:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 38
Регистрация: 3.5.2007

Репутация: нет
Всего: нет



alpha
Фильтр Alpha устанавливает степень прозрачности объекта. Прозрачность может быть установлена, как равномерная для всего объекта, так и в виде градиента 

Синтаксис:
Код

STYLE="filter:alpha(Opacity, FinishOpacity, Style, StartX, StartY, FinishX, FinishY)"


Параметры 

Opacity
Значение прозрачности от 0 до 100. 0 - абсолютно прозрачно, 100 - абсолютно непрозрачно 
FinishOpacity
Необязательный параметр, который определяет конечное значение прозрачности, если фильтр применяется как градиентный см. Style. От 0 до 100. 0 - абсолютно прозрачно, 100 - абсолютно непрозрачно 
Style
0 - равномерная прозрачность, 1 - линейный градиент, 2 - круговой градиент, 3 - прямоугольный градиент 
StartX
Начальные координаты градиента по горизонтали 
StartY
Начальные координаты градиента по вертикали 
FinishX
Конечные координаты градиента по горизонтали 
FinishY
Конечные координаты градиента по вертикали 
------------------------------------------------------------------------------------------------------------
blur
Фильтр Blur размывает изображение в направлении Direction, заданном в градусах. Если указано Add=1, то фильтр будет наложен на исходный образец, иначе будет отображен только результат работы фильтра 

Синтаксис:
Код

STYLE="filter:blur(Add, Direction, Strength)"


Параметры 

Add
Объект. 0 - результат работы фильтра, 1 - фильтр будет наложен на исходный образец 
Direction
Направление размытия объекта в градусах (0 - вверх и далее по часовой стрелке c шагом 45 градусов) 
Strength
Степень размытия 
-----------------------------------------------------------------------------------------------------------
chroma
Фильтр Chroma делает цвет, заданный в форме #RRGGBB прозрачным. Фильтр хорошо применять к изображениям, созданным в формате gif либо png. Для jpeg он обычно не дает хороших результатов, так как для данного формата трудно определить границы заливки отдельных цветов 

Синтаксис:
Код

STYLE="filter:chroma(Color)"

-----------------------------------------------------------------------------------------------------------
DropShadow
Фильтр DropShadow рисует сплошной силует объекта, смещённый в заданном направлении, создавая тем самым эффект объекта, расположенного над страницей и отбрасывающего на неё тень 

Синтаксис:
Код

STYLE="filter:dropshadow(Color=значение, OffX=значение,OffY=значение,positive=эначение)"

-----------------------------------------------------------------------------------------------------------
flipH
Фильтр FlipH переворачивает объект горизонтально 

Синтаксис:
Код

STYLE="filter:FlipH" 

-----------------------------------------------------------------------------------------------------------
flipV
Фильтр FlipV переворачивает объект вертикально 

Синтаксис:
Код

STYLE="filter:FlipV"
 
-----------------------------------------------------------------------------------------------------------
glow
Фильтр GLOW добавляет свечение вдоль внешних границ объекта, создавая эффект "возгорания" границ объекта 

Синтаксис:
Код

STYLE="filter:Glow(Strength=значение,Color=значение)" 

Параметры


Stregth
Сила свечения в диапазоне 0-100 
Color
Цвет свечения 
-----------------------------------------------------------------------------------------------------------
Gray
Фильтр Gray удаляет цветовую гамму объекта и отображает его в серых тонах 

Синтаксис:
Код

STYLE="filter:gray" 


-----------------------------------------------------------------------------------------------------------
Invert
Фильтр Invert меняет оттенок, насыщение и яркость объекта на противоположные 

Синтаксис:
Код

STYLE="filter:invert" 


-----------------------------------------------------------------------------------------------------------
Mask
Фильтр Mask отображает текст так, как будто он выделен мышью 

Синтаксис:
Код

STYLE="filter:mask(Color=значение)"


Параметры 

Color
Цвет, окружающий текст 
-----------------------------------------------------------------------------------------------------------
DropShadow
Фильтр DropShadow рисует сплошной силует объекта, смещённый в заданном направлении, создавая тем самым эффект объекта, расположенного над страницей и отбрасывающего на неё тень 

Синтаксис:
Код

STYLE="filter:dropshadow(Color=значение, OffX=значение,OffY=значение,positive=эначение)"


Параметры 

Color
Цвет тени 
OffX
Смещеение тени относительно текста по оси X 
OffY
Смещеение тени относительно текста по оси Y 
positive
Характер освещения (0 или 1) 
-----------------------------------------------------------------------------------------------------------
Wave
Фильтр Wave производит "синусоидальное" искажение объекта вдоль вертикальной оси 

Синтаксис:
Код

STYLE="filter:Wave(add=оригинал, freq=частота, lightStrength=величина, phase=начальная фаза, strength=величина)"


Параметры 

add
Булево значение, определяющее использование оригинала (0 или 1). По умолчанию 0 
freq
Количество волн 
lightStrength
величина подсветки 
phase
начальная фаза. По умолчанию - 0, изменяется от 0 до 100 
strength
величина смещения 
-----------------------------------------------------------------------------------------------------------
xray
Фильтр XRay отображает объект в черно-белом варианте, как на рентгеновском снимке 

Синтаксис:
Код

STYLE="filter:xray()"




Это сообщение отредактировал(а) almostlost - 29.12.2007, 11:42
PM MAIL   Вверх
AKS
Дата 30.12.2007, 08:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Участник форума
**


Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: нет
Всего: 52



almostlost, откуда такие "древние" и неточные данные?
На смену названиям фильтров, реализованным в IE 4, уже давным-давно пришли те, что были реализованы в IE 5.5 (2000 год!). А об этом - ни слова. Более того, за отличием в синтаксисе кроются еще и отличия в реализации визуального представления (все подробности есть на сайте разработчиков).
Насчет неточностей. Первое, что бросилось в глаза - это описание фильтра mask (теперь это название записывается так: "progid:DXImageTransform.Microsoft.MaskFilter"). Точное описание будет звучать примерно следующим образом: "Отображает прозрачный цвет объекта цветом, указанным в первом параметре, а непрозрачный цвет делает прозрачным".

PM MAIL   Вверх
pwsem
  Дата 19.4.2012, 22:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 19.4.2012

Репутация: нет
Всего: 0



спасибо!) долго искал)
PM MAIL WWW ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0675 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.