✔filter

23 марта 2016 2 405 Справочник CSS 5

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.Фильтр(свойства)

Фильтры

Alpha: Настраивает прозрачность объекта.
BasicImage: Устанавливает параметры цвета, поворота изображения или прозрачности.
Blur: Размывает содержимое.
Chroma: Показывает определенные цвета прозрачными.
DropShadow: Отображает тень.
Emboss: Показывает содержимое объекта в виде барельефа.
Engrave: Показывает содержимое объекта в виде черно-белой гравюры.
Glow: Добавляет свечение вокруг краев.
Gradient: Создаёт линейный градиент.
ICMFilter: Преобразует цвета содержимого на основе профиля системы управления цветом (Image Color Management, ICM).
Light: Создает эффект лучей света.
MaskFilter: Показывает прозрачные пикселы как цветную маску, а непрозрачные пикселы наоборот, прозрачными.
Matrix: Изменяет размер, поворачивает или отражает объект на основе матричных преобразований.
Motionblur: Размывает объект так, словно он быстро движется.
Shadow: Добавляет тень.
Wave: Вносит волнообразные искажения.

Пример

HTML5CSS2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>filter</title>
  <style>
   thumb.semi { 
    /* Прозрачность 50% */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   
  </style>
 </head> 
 <body>
  <p><thumb src="example/images/igels.png" alt="Обычный ёжик">
  <thumb src="example/images/igels.png" 
       alt="Полупрозрачный ёжик" class="semi"></p>
 </body>
</html>

Браузеры

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

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

Цитирование статьи, картинки - фото скриншот - Rambler News Service.

Иллюстрация к статье - Яндекс. Картинки.

Есть вопросы. Напишите нам.

Общие правила поведения на сайте.

Internet Explorer Chrome Opera Safari Firefox Android iOS 6.0 8.0 Краткая информация Значение по умолчанию Нет. Наследуется Нет Процентная запись Не применима Применяется Ко всем элементам. Версии CSS CSS 1 CSS 2 CSS 2.1 CSS 3 Описание Устанавливает фильтр (визуальный эффект) или их сочетание для элемента. К фильтрам относится изменение прозрачности, добавление тени, трансформация и др. Синтаксис Фильтры Alpha Настраивает прозрачность объекта. BasicImage Устанавливает параметры цвета, поворота изображения или прозрачности. Blur Размывает содержимое. Chroma Показывает определенные цвета прозрачными. DropShadow Отображает тень. Emboss Показывает содержимое объекта в виде барельефа. Engrave Показывает содержимое объекта в виде черно-белой гравюры. Glow Добавляет свечение вокруг краев. Gradient Создаёт линейный градиент. ICMFilter Преобразует цвета содержимого на основе профиля системы управления цветом (Image Color Management, ICM). Light Создает эффект лучей света. MaskFilter Показывает прозрачные пикселы как цветную маску, а непрозрачные пикселы наоборот, прозрачными. Matrix Изменяет размер, поворачивает или отражает объект на основе матричных преобразований. Motionblur Размывает объект так, словно он быстро движется. Shadow Добавляет тень. Wave Вносит волнообразные искажения. Пример HTML5 CSS2.1 IE Cr Op Sa Fx Браузеры В IE6 и в IE7 фильтры применяются только для элементов, у которых установлено свойство hasLayout. Internet Explorer 9 не добавляет фильтры к элементам при печати документа.

запостил(а)

Administrator

Вернуться назад