Зеркальное отображение элемента

css html

Привет!

Подскажите, возможно ли сейчас сделать зеркальное отображение элемента. Свойство CSS3 какое-нибудь? Нужен не просто эффект, как у текста 2.0 например, а просто горизонтально зеркально развернуть элемент. Скажем картинку.

36 просмотров

Комментарии (2)

glottis 28.03.2012 23:51

Да, в CSS3 есть такие свойство как box-reflect

для WebKit есть -webkit-box-reflect
для Mozilla есть -moz-box-reflect

Почитайте про них, должно помочь. Но, а если у вас изображение, можно попробовать canvas и javascript.

fullzilla 01.04.2012 19:26

Ещё можно использовать свойство transform. У него есть много функций, которые делают с элементом практически всё.

Например горизонтальное зеркальное отображение:

-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);

Вертикальное зеркальное отображение:

-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);

Добавить комментарий Отменить ответ

Для отправки комментария вам необходимо авторизоваться.

Войдите, чтобы написать о чем-нибудь...

Вход Регистрация

Web.onRails

Найди ответ на любой вопрос по Веб-разработке!

задать вопрос...

Вы можете разместить Рекламный пост самостоятельно, либо отправив контент по адресу admin@webonrails.ru→ Оплата здесь ←Неоплаченные посты удаляются.

Метки:

php× 491

css× 225

python× 209

html× 188

flash× 163

mysql× 155

linux× 153

perl× 138

google× 109

dart× 102

[ все метки ]