Mirror effect on zoomed image - transform: scaleX(-100%) doesn't work

[MichalKowalczyk]

Issue Type

• Bug report
• Feature request
• Question / support request
• Other

Description

Usually I'm using transform: scaleX(-100%) to achive mirror effect on images but now it's impossible, because rmiz overwritten transform property.

Question

How to do mirror effect on zoomed image? Is it even possible in current situation?

[rpearce]

Hi, @MichalKowalczyk!

The latest version does its own transforming on the image in order to animate it from one place to another. I can look into this further, but your best best for a solution right now would be try to flip all of the modal's content with CSS:

[data-rmiz-modal-content] {
  transform: scaleX(-100%);
}

I don't know if that will work, but it's worth a shot if you need something ASAP.

Edit: no, this doesn't work. I'll do some digging and see if it'll be reasonably possible or not.

[rpearce]

I am still thinking about this. I don't have a good solution at the moment.