VDS за 300р от нашего партнера SpaceWeb
[125]
28 Мар 2012, 17:43

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

Привет!

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

#html, #css

Комментарии (2)
glottis 28.03.2012 23:51

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

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

Почитайте про них, должно помочь. Но, а если у вас изображение, можно попробовать canvas и javascript.
0
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);
+1

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

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Найди ответ на любой вопрос по Веб-разработке!
задать вопрос...
Вы можете разместить Рекламный пост самостоятельно, либо отправив контент по адресу admin@webonrails.ru→ Оплата здесь ←Неоплаченные посты удаляются.
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 16653]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 11274]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 11259]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 9565]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 8322]
[315]
11 Авг 2011, 00:21
Спецификация HTML5 от W3C
[просмотров 7391]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 5617]

Вести с Хабра