Зеркальное отображение изображения 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"; } | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 11 | |
| |
