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

mall78 [73]

28 Мар 2012, 17:43

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

css html

Привет!

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

29 просмотров

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

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

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

rediska [65]

20 Дек 2011, 15:53

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

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

tetro [52]

16 Окт 2011, 15:38

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

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

gollem [74]

31 мая 2011, 11:48

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

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

fullzilla [100]

19 Дек 2014, 16:16

User-agent для Internet Explorer 11

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

jaga [125]

24 Окт 2018, 15:59

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

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

laborant [4]

10 Окт 2018, 15:33

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

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

jaga [125]

21 Июл 2011, 14:04

Python Imaging Library (PIL)

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

grom [315]

11 Авг 2011, 00:21

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

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

grom [315]

16 Июл 2011, 20:03

Python работа с MySQL

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

Вести с Хабра

26.02.2021 - 16:03

Запускаем DOOM на калькуляторе HP Prime G2

...

26.02.2021 - 14:37

[Перевод] Пасхалки на марсоходе: парашют с секретным сообщением и его расшифровка

...

26.02.2021 - 14:35

Модульный ноутбук Framework, почти все элементы которого можно апгрейдить, поступит в продажу уже летом

...

26.02.2021 - 12:15

[Перевод] 5 причин, по которым я люблю программировать в Linux

Linux — это отличная платформа для занятий программированием. На нашей стороне — логичность, высокая эффективность, лёгкость работы с исходным кодом. В 2021 году Linux выглядит как н ...

26.02.2021 - 10:48

[Перевод] Kubernetes — это как океанариум

Прим. перев.: в конце прошлого года Anne LoVerso — инженер из VMware Pivotal Labs — опубликовала развернутое сравнение Kubernetes с… океанариумом. Эта небольшая статья с наглядными иллюстра ...