CSS transform: scale или как отразить элемент по горизонтали/вертикали

Для кроссбраузерного отражения элемента совсем необязательно прибегать к помощи jS:

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

Для отражения по вертикали соответственно:

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

Об эмуляции свойства css-transform в IE и других трансформациях, читайте в статье CSS transform кроссбраузерно.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *