How to rotate the image, for example, 180 gr. (or reverse the image) using css for the image set by content in pseudo-elements?

Question

css

.carousel-control .icon-next:before {
        content: url(images/arrow-left-carusel-2.png);
    }

Those. I would like to do without photoshop. I tried transform, but either I didn’t understand how, or it’s impossible.
transform: rotate(180deg);

Answer 1

I understand what's the matter, transform just needs to be applied not to the pseudo-element, but to the element itself.
Those. So

.carousel-control .icon-next {
transform: rotate(180deg);
}
/* или так */
.carousel-control .icon-next {
transform: scaleX(-1);
}

without :before