вРазные полезности

Зеркальное отображение изображения CSS3

Если хорошо познать CSS3 то можно свой сайт сильно преобразить, к примеру этого скрипта Зеркальное отображение изображения CSS3 где вы сделаете вид реально неповторимый и безусловно оригинальный от других. Просто, нужно применить стили и код к ресурсу и ваши картинки приобретут совершенно другой вид в плане визуализации и как то станет интересней.

Код
img
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: «FlipV»;

Не забудем, что эффект будет видно, лишь в тех браузерах, которые поддерживают свойство CSS3 transform.

Результат:

Было:

Стало:

С помощью этого правила можно придумать html консрукцию, которая используя одно и то же изображение, будет имитировать эффект мокрого пола.
Ну и также можно переориентировать отражение по горизонтали:

Код
img
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: «FlipH»;

kos
var ctmtmp = []load/zerkalnoe_otobrazhenie_izobrazhenija_css3/81-1-0-5856load/zerkalnoe_otobrazhenie_izobrazhenija_css3/81-1-0-5856load/zerkalnoe_otobrazhenie_izobrazhenija_css3/81-1-0-5856Зеркальное отображение изображения CSS3 &url=http://zornet.ru/load/zerkalnoe_otobrazhenie_izobrazhenija_css3/81-1-0-5856load/zerkalnoe_otobrazhenie_izobrazhenija_css3/81-1-0-5856load/zerkalnoe_otobrazhenie_izobrazhenija_css3/81-1-0-5856

источник: zornet.ru