ЮТ
Юлия Троянова

SVG фильтры для HTML-элементов

Похоже, этой ночью мне не уснуть. Очень много гуглил, но так и не нашел ничего рабочего не то что бы кроссбраузерно, но хотя бы для Оперы. Вот есть у меня такой файлик:













Я его подключаю в CSS. В лисе работает отлично, а в Опере -- вообще никак. Подскажите пожалуйста, как (если можно) блюрить HTML элементы как можно более кроссбраузерно. И обесцвечивать еще, например )

Черт. Все пообрезалось. Ну, короче, в фф код работал. )

АБ
Артём Бурдынкин

SVG-фильтры в CSS поддерживает Chrome, Safari (6.0+ только для Mac пока) , iOS 6.0.
Фильтры, которые вы пытаетесь использовать, не работают в IE9 и младше (в 10-м работают) , Safari и Opera.
Кроссбраузерно их использовать не получится.
Насколько я вижу, вы уже используете fegaussianblur (блюр) и fecolormatrix (видимо, для обесцвечивания) , но если надо - http://www.w3schools.com/svg/svg_examples.asp
Правда, в старых осликах похожие фильтры были. И все это можно проделать даже в IE6 (но не в IE9).
Blur и Gray

Похожие вопросы
Всем привет, Подскажите как преобразовать SWF в формат SVG
Есть файл fla зделал из него svg но сть проблма ...
Элемент сайта. (html и css)
Как сделать такой элемент? Мне нужно вставить его в HTML.
как расположить элементы списка ветикально? С помощью html & css?
Как на HTML сделать вот такой элемент управления и как он называется?
Пропал элемент с сайта... CSS, HTML< PHP
зачем нужен хтмл 5, когда есть svg которые более гибкие
можно ли переменной в javascript задать значение другого элемента в html через id.
Как в фигме открыть svg файл?