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

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

Привет!

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

97 просмотров
0
Loading...
Комментарии (2)
glottis 28.03.2012 23:51
Да, в CSS3 есть такие свойство как box-reflect

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

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

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

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Найди ответ на любой вопрос по Веб-разработке!
задать вопрос...
Вы можете разместить Рекламный пост самостоятельно, либо отправив контент по адресу admin@webonrails.ru→ Оплата здесь ←Неоплаченные посты удаляются.
Метки:
[ все метки ]
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 36727]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 36336]
[1]
15 Апр 2021, 08:29
Переполнение памяти Nuxt.js
[просмотров 35887]
[2]
03 Июн 2014, 17:19
Большой сборник интернет сайтов по веб-разработке и не только
[просмотров 29353]
[65]
20 Дек 2011, 15:53
Удалить пробелы в начале и конце строки и переход на новую строку
[просмотров 25631]
[125]
24 Окт 2018, 15:59
React Native и React.js — что и как, в чем разница, где применять
[просмотров 16885]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 14575]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 11852]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 10877]
[50]
31 Дек 2011, 14:57
Cron запускать раз в неделю
[просмотров 9010]

Вести с Хабра

Юзер
Вход
Регистрация
Посты
Вопросы
Новости
Статьи
Ссылки
Инфо
О сайте
Правила
Справка
Поддержка
Услуги
Реклама
Web.onRails © 2011-2022