САЙТЫ  ПОД  КЛЮЧ
ОНЛАЙН-СЕРВИСЫ СПРАВОЧНИКИ SEO-ИНСТРУМЕНТЫ РАЗВЛЕЧЕНИЯ

Справочник по CSS

Фильтр BasicImage

Internet Explorer Chrome Opera Safari Firefox Android iOS
6.0+ 8.0+

Краткая информация

Значение по умолчанию Нет.
Наследуется Нет
Процентная запись Не применима
Применяется Ко всем элементам.

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Настраивает параметры цвета или прозрачности элемента, также задаёт вращение.

Синтаксис

filter: progid:DXImageTransform.Microsoft.BasicImage(параметры)

Параметры

enabled
Включает или выключает фильтр. Значение true разрешает использование фильтра, false запрещает.
grayScale
Цвета превращаются в оттенки серого. 1 — серые цвета, 0 — отображать исходные цвета.
invert
Инвертирует цвета элемента. 1 — инвертировать цвета, 0 — оставить исходные цвета.
mask
Устанавливает, что определённые цвета должны быть прозрачными. 1 — прозрачность меняется с помощью параметра maskColor, 0 — отображать исходные цвета.
mascColor
Устанавливает цвет, используемый как маска прозрачности содержимого элемента. Цвет задаётся в формате 0xAARRGGBB, где АА — это шестнадцатеричное значение прозрачности, RR — красная компонента, GG — зелёная компонента, BB — синяя компонента.
mirror
Зеркально отражает элемент. 1 — зеркально отобразить по горизонтали, 0 — оставить исходным.
opacity
Устанавливает значение прозрачности. 0 — полная прозрачность, 1.0 — непрозрачность элемента.
rotation
Вращает элемент. 0 — исходное положение, 1 — поворот на 90° по часовой стрелке, 2 — поворот на 180°, 3 — поворот на 270°.
xray
Цвета превращаются в оттенки серого с инвертированием цветов.

Параметры внутри фильтра перечисляются через запятую в любом порядке.

Пример 1

HTML5CSS2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>filter</title>
  <style>
   .xray { 
    /* «Рентген» */
    filter: progid:DXImageTransform.Microsoft.BasicImage(xray=1);
   }
  </style>
 </head> 
 <body>
  <p><img src="images/igels.png" alt="Ёжик">
  <img src="images/igels.png" alt="Ёжик" class="xray"></p>
 </body>
</html>

Результат данного примера показан на рис. 1.

Использование параметра xray

Рис. 1. Использование параметра xray

Браузеры

В IE6 и в IE7 фильтры применяются только для элементов, у которых установлено свойство hasLayout.

Internet Explorer 9 не добавляет фильтры к элементам при печати документа.

Справочник по CSS. Версия 7.0 от 5.11.12

© 2002–2012 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

htmlbook.ru


Это интересно

«Если мы смогли здесь, — говорит Дин Нельсон, топ-менеджер eBay, ответственный за постройку дата-центра в Аризонской пустыне, — то сможем где угодно». Действительно, строить дата-центр, который нужно хорошо охлаждать, в одном из самых жарких мест страны было рискованной идеей. Обычно серверы нормально функционируют при температуре от 18 до 26 градусов выше нуля по Цельсию, но инженерам eBay удалось сделать так, что дата-центр может работать даже при +46. Внутри дата-центра настолько жарко, что для охлаждения можно использовать воду, температура которой достигает 28 градусов, и все равно она будет охлаждать оборудование. Но самая инновационная разработка, примененная на этом объекте, — контейнеры, напоминающие грузовые, в которые помещают оборудование. Энергоэффективность такого контейнера достигает 95%, а это значит, что практически вся энергия, направленная в него с электростанции, тратится на поддержание функционирования сервера, а не на охлаждение.


Наши реквизиты
WMID: 309688839848
WMR: R325885159214
E-mail: 
  BL:Бизнес-уровень [BL]
QR-код сайта
Онлайн-радио
Больше радиостанций