VDS за 300р от нашего партнера SpaceWeb

mall78 [73]

28 Мар 2012, 17:43

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

css html

Привет!

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

46 просмотров

Комментарии (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

[ все метки ]

Лучшее

GM2mars [2]

03 Июн 2014, 17:19

Большой сборник интернет сайтов по веб-разработке и не только

[просмотров 28721]

tetro [52]

16 Окт 2011, 15:38

Вывести все элементы POST

[просмотров 26384]

rediska [65]

20 Дек 2011, 15:53

Удалить пробелы в начале и конце строки и переход на новую строку

[просмотров 23812]

fullzilla [100]

19 Дек 2014, 16:16

User-agent для Internet Explorer 11

[просмотров 18616]

jaga [125]

24 Окт 2018, 15:59

React Native и React.js — что и как, в чем разница, где применять

[просмотров 14356]

gollem [74]

31 мая 2011, 11:48

Python проверка существования переменной

[просмотров 13504]

jaga [125]

21 Июл 2011, 14:04

Python Imaging Library (PIL)

[просмотров 10526]

laborant [4]

10 Окт 2018, 15:33

Как запретить просмотр сайта по IP?

[просмотров 10247]

grom [315]

11 Авг 2011, 00:21

Спецификация HTML5 от W3C

[просмотров 7453]

provod [50]

31 Дек 2011, 14:57

Cron запускать раз в неделю

[просмотров 7353]

Вести с Хабра

25.01.2022 - 16:32

Оффер в Вооруженные Силы РФ, от которого нельзя отказаться

В далеком 2015 году в один день закрылись за мной двери института и начали открываться двери в Вооруженные Силы РФ (далее — ВС РФ). Было решение, что просто так отдаваться судьбе не стои ...

25.01.2022 - 12:00

Роботы-убийцы. Как и зачем машины убивают людей?

Ровно 43 года назад, 25 января 1979 года произошло убийство, оставившее глубокий след в истории челов ...

24.01.2022 - 18:42

Фантастические миры, где люди зависят от искусственных интеллектов

...

24.01.2022 - 18:33

Тестируем S.T.A.L.K.E.R. на Unreal Engine 5 и сравниваем с UE4 (осторожно, трафик)

Признайтесь, вы подумали о S.T.A.L.K.E.R. 2, который как раз разрабатывают на Unreal Engine 5. Но это не он.В данной статье я хочу сравнить прозводительность UE4 и UE5, используя ассеты оригиналь ...

24.01.2022 - 18:19

Битвы на территории ZFS

Один из крупных клиентов нашей компании попал в грустную ситуацию: базы данных подросли, потребности тоже, купили мощные NUMA-сервера, установили любимую файловую систему ZFS (ZFS — для к ...