|
Фильтр DropShadow
В результате применения фильтра DropShadow отображается копия объекта, несколько сдвинутая относительно исходного объекта и помещенная на задний план. Проще говоря, создаётся тень-копия данного объекта.
Фильтр DropShadow имеет следующие параметры:
Color.......... |
указывает цвет копии;
|
OffX........... |
горизонтальное смещение копии относительно исходного объекта;
|
OffY........... |
Вертикальное смещение копии относительно исходного объекта;
|
Positive...... |
этот параметр задаёт копию тени. Возможны два варианта:
1 - создаётся копия (тень) непрозрачных пикселей объекта;
0 - создаётся копия (тень) прозрачных пикселей объекта.
|
Пример задания:
<STYLE type ="text/css">
P { margin:10;
padding:20;
width:300;
font-weight:700;
FILTER : DropShadow (Color=lightgrey, OffX=-5, OffY=5, Positive=1) }
IMG { FILTER : DropShadow (Color=lightgrey, OffX=-5, OffY=5, Positive=1) }
</STYLE>
Обратите внимание, что при использовании фильтра DropShadow нельзя задавать фоновое оформление для элемента, то есть для них нельзя применять свойства, начинающиеся со слова background. Это обусловлено тем, что копия (тень), создаваемая фильтром, размещается на заднем (фоновом) плане стилевого блока. И если указано свойство background, то оно перекрывает создаваемую копию.
Демонстрация использования фильтра DropShadow
Исходный текст |
Filter:DropShadow (Color=#aOaOaO, OffX=3, OffY=3, Positive=1) |
Filter:DropShadow (Color=lightgrey, OffX=5, OffY=5, Positive=1) |
|
|
|
|
|
|
Filter:DropShadow (Color=lightgrey, OffX=5, OffY=-5, Positive=1) |
Filter:DropShadow (Color=lightgrey, OffX=-3, OffY=-3, Positive=1) |
Filter:DropShadow (Color=lightgrey, OffX=-5, OffY=5, Positive=1) |
|
|
|
|
Filter:DropShadow (Color=grey, OffX=5, OffY=8, Positive=1) |
Как видно, можно создавать тень и от графических изображений. При этом тень располагается в пределах самого изображения. Для этого в пределах изображения должно оставаться пустое, незаполненное пространство, тем не менее принадлежащее изображению. Технология GIF позволяет создавать такие изображения. Причём пустое пространство должно присутствовать вокруг всего изображения, чтобы тень могла отразиться с разных сторон.
ЕСТЬ ВОПРОСЫ? ЗАХОДИТЕ НА HTML-ФОРУМ!
Это лучшее место для общения на веб-дизайнерские темы. Здесь вы можете задать интересный вопрос, получить на него не менее интересный ответ и поделиться опытом с коллегами. Что особенно приятно, у форума есть модератор - это исключает пустой треп и вездесущую рекламу в сообщениях. Общайтесь с пользой!
|
  |