CSS |
Фильтры
|
меню |
css Фильтры css filter csscss Фильтры filter css |
ФильтрыВажно отметить, что фильтры могут быть добавлены только к элементам HTML, которые рассматриваются как управляющие. Это любые элементы создающие прямоугольное место на WEB-странице. Вот некоторые из управляющих элементов: BODY, DIV, MARQUEE, TD, IMG, SPAN, TR.
Фильтр alpha устанавливает уровень прозрачности
css Фильтры filter cssПримеры: [1] css Фильтры filter css
Фильтр blur смазывает изображение.
Примеры: [1] filter chroma
Фильтр chroma делает заданный цвет прозрачным.
Примеры: [1]
Фильтр dropshadow создает эффект подвешенности.
css Фильтры filter cssПримеры: [1] css Фильтры filter cssФильтр fliph переворачивает объект горизонтально. css Фильтры filter css
img{ filter: fliph }
Примеры: [1] Фильтр flipv переворачивает объект вертикально. img{ filter: flipv }Примеры: [1]
Фильтр glow добавляет свечение вдоль внешних границ объекта, создавая эффект "возгорания" границ объекта.
css Фильтры filter css
Примеры: [1] css Фильтры filter css
Фильтр gradient позволяет заливать градиентом блочные элементы.
width:300px; height:300px; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#ff0000, endColorStr=#0000ff); } Примеры: [1] Фильтр gray удаляет цветовую гамму объекта и отображает его в серых тонах. img{ filter: gray()}Примеры: [1] Фильтр invert меняет оттенок, насыщение и яркость объекта на противоположные. img{ filter: invert() }Примеры: [1] css Фильтры filter css
Фильтр mask отображает текст так, как будто он выделен мышью.
Примеры: [1] filter shadowcss Фильтры filter css
Фильтр shadow создает эффект тени.
Примеры: [1]
Фильтр wave производит "синусоидальное" искажение объекта вдоль вертикальной оси.
Примеры: [1] filter xrayФильтр xray отображает объект в черно-белом варианте, как на рентгеновском снимке img{ filter:xray()}Примеры: [1] |
На верх |
![]() ![]() ![]() ![]() |