How to flip an image horizontally?
Posted: Sun Jul 13, 2014 6:17 pm
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.
Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
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.
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.