Ви можете перевертати зображення за допомогою CSS! Можливий сценарій: наявність лише однієї графіки для «стрілки», але її гортання вказує в різні боки.
.flip-horizontally ( transform: scaleX(-1); )Подивіться, як за допомогою однієї стрілки вказують обидва напрямки тут:
Дивіться «
Переверніть ручку зображення CSS-Tricks» (@ css-tricks)
на CodePen.
Поворот - це ще одна можливість, тобто наша одна стрілка може йти в багатьох напрямках:
Дивіться «
Переверніть ручку зображення CSS-Tricks» (@ css-tricks)
на CodePen.
Це теж будь-яке зображення або взагалі будь-який елемент.
Дивіться «
Переверніть ручку зображення CSS-Tricks» (@ css-tricks)
на CodePen.
Префікси старого постачальника
Для нащадків:
img ( -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; )