пишу уже давно функцию анимирования, всё хорошо. сейчас пересматриваю код и правлю баги, заодно решил вынести одну из подзадач в отдельный "проект"... эта подзадача - функция setStyle, которая устанавливает стиль, не заставляя заморачиваться программиста о префиксах и фильтрах... ладно, ближе к делу.
сделать то её я сделал, сейчас расширяю функциональность засчёт хуков ... сделал хук для transform (ещё нужно немного css3-свойств,и хватит) ,и решил затестить, как ЭТО выглядит.
строка CSS :
|
Код:
|
transform: rotate(45deg) scale(3, 3) translate(10px, 15px); |
(кстати, в функцию передаю ключ : значение. элементарно, правда?)
собственно, вот картинки работы :
Браузеры с поддержкой transforms:
и IE
*...
*на картинках размеры разные, и положение тоже, потому что я делал скрин с нетбука, там немного другое разрешение, чем на десктопе. в реальности размер, градус поворота и положение идентичны. На картинке от IE смазалась верхняя border.. там всё нормально 
И ещё, box-shadow я пока не добавлял в хуки..
Собственно, вопрос :
Стоит ли вообще использовать фильтры в IE, если при трансформациях (в частности, scale) вылезают такие вот уродства ? Текст у трансформированного элемента не выделяется (правда, зачем оно нужно), качество при масштабировании портится.
Стоит ли двигаться в этом направлении дальше?
(в направлении реализации трансформаций через фильтры)