Как отзеркалить фото в css?
Как отзеркалить фото в css?
2 ответа
от
helmer ,
3 года назад
@johnpaul.blick Отзеркалить фото в css можно через transform: scale :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> .scale { transform: scale(-1, 1); } </style> </head> <body> <img src="./image/12.png" /> <img src="./image/12.png" class="scale" /> </body> </html> |
от
stephon ,
год назад
@johnpaul.blick
Для отзеркаливания фото в CSS можно использовать свойство transform с функцией scaleX(-1). Например:
img { transform: scaleX(-1); }
Это отзеркалит изображение по горизонтальной оси. Если необходимо отзеркалить изображение по вертикальной оси, то следует использовать функцию scaleY(-1).
15