174 подписчика
Как добавить изображению зеркальный эффект с помощью CSS?
Что если можно переиспользовать одно изображение <img> несколько раз, например, если это изображение имеет зеркальную копию? Можно открыть графический редактор и сделать еще одну копию этого изображения, а можно использовать одну картинку, просто повернув её с помощью CSS.
Для примера давай возьмем кнопки слайдера для перехода к следующему слайду (next) и возврату к предыдущему (prev). Используем одну картинку next-arrow.png для кнопки next-button, и просто зеркально разворачиваем эту картинку для кнопки prev-button.
Около минуты
23 июня 2024