How to flip an image horizontally?

[Guillermo Paiz]

I am making an app in which the user can flip an image horizontally after clicking a button but I can't find anything that allows me to flip it.

[Yurii Orishchuk]

Hi Guillermo,

Please follow this solution:

1 Add label to the page.

2 Activate this label and in properties side bar set "class name" property with value "labelMyImage". http://prntscr.com/42dbil/direct

3 Add new CSS asset and fill it with following code:

pre

.labelMyImage{
display: block;
width: 200px;
height: 200px;
background-image: url(../image/a_01.jpeg);
background-size: contain;
background-repeat: no-repeat;

Code: Select all

 -webkit-transform: rotateX(180deg); 
 -ms-transform: rotateX(180deg); 
 -moz-transform: rotateX(180deg); 
 transform: rotateX(180deg); 

}

/pre

Regards.