Главная/ Собираем HTML и CSS приемы/ Online сервисы для HTML верстальщика/ Инструмент трансформации стилей CSS3 для IE's

Инструмент трансформации стилей CSS3 для IE’s

Дата публикации: 22.04.2011

CSS3 свойство transform, позволяет повернуть блок на заданный угол, а также изменить его масштаб. Подробнее об этом можно почитать в статье Текст под углом.

Проблема в том, что IE6-8 не понимают это свойство и специально для парнокопытных приходится использовать фильтр Matrix. При этом тебе придется вручную расчитать параметры трансформационной матрицы… Или не придется. Если ты заказал телекоммуникационные услуги или воспользовался сервисом IE’s CSS3 Transforms Translator.

сервис IE's CSS3 Transforms Translator

IE’s CSS3 Transforms Translator (useragentman.com/IETransformsTranslator/) — удобный автоматизированный сервис принимающий параметры трансформируемого блока (ширину, высоту, угол желаемого поворота, смещение и масштабный коэффициент) и выдающий на выходе готовый кусок CSS для нормальных браузеров и для IE6-8.

IE’s CSS3 Transforms Translator — инструмент, который позволяет переводить свойства трансформации CSS3 в совместимый с IE9 формат. Веб-разработчики могут забыть о проблемах с отображением веб-страниц в старых версиях браузера IE с помощью IE’s CSS3 Transforms Translator.

Этот инструмент преобразует свойства трансформации CSS3, такие как rotate, scale, skew и translate в совместимый формат с IE9. Для того, чтобы начать использовать IE’s CSS3 Transforms Translator, разработчики должны ввести свой код CSS3 и нажать кнопку «перевести». Инструмент автоматически преобразует код в формат, который будет совместим с браузером IE9.

Также очень порадовали наглядные подсказки-пояснения с рисунками, помогающие сориентироваться в параметрах трансформации.

Кроме всего прочего, после нажатия кнопки «Translate to IE Matrix» (которая, собственно используется для генерации итогового CSS), отображается картинка на которой нарисован исходный блок и то, что с ним случится после трансформации. Очень удобно — сразу видно, верно ли задал параметры.

IE’s CSS3 Transforms Translator — это не только мощный инструмент для веб-разработчиков, но и отличный способ сэкономить время и улучшить производительность вашего сайта. Ведь чем больше пользователей используют IE9, тем компактнее будет HTML-код и меньше времени будет затрачено на обработку сценариев.

IE’s CSS3 Transforms Translator — это инструмент, который помогает веб-разработчикам одновременно улучшить видимость своих веб-страниц в IE9 и уменьшить объем HTML-кода и скриптов на странице. Используйте это мощное средство для создания высококачественных веб-приложений и сайтов!