CSS отразить изображение по горизонтали
1 за 0 против
дата 2014-11-02
поблагодарили 0
просмотров 3992
статью добавил DooMka
добавил
DooMka
CSS отразить изображение по горизонтали

С помощью CSS можно повернуть изображение и отзеркалить, точнее отразить изображение по горизонтали, вертикали.

Для того, что-бы с помощью CSS отразить изображение по горизонтали придаём элементу, картинке, следующие свойства

HTML

<img class="myclass" src="/img/myimg.jpg">


по горизонтали

CSS


.myclass{
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}


по вертикали

CSS


.myclass{
-moz-transform: scale(1,-1);
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
filter: FlipV;
-ms-filter: "FlipV";
}

все пользователи
все группы

разработчики