Как сделать - перевернуть изображение (Добавить зеркальный эффект)
Узнайте, как перевернуть изображение (Добавить зеркальный эффект) с помощью CSS.
Наведите курсор мыши на изображение:
Как перевернуть изображение
Пример
<style>
img:hover {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
</style>
<img src="paris.jpg"
alt="Paris">
Примечание: Этот пример не работает на планшетах или мобильных телефонах.
Совет: Чтобы узнать больше о трехмерных преобразованиях, перейдите на наш учебник по трансформации CSS 3D.