How to apply css transform on iOS without using -webkit-transform?

Question

On iOS (iPad/iPhone), I would like to apply some css transformation (rotate/scale) on html elements. I am experiencing some issues when using -webkit-transform. (See iframe is cut when in div on mobile safari.)

I was wondering if there were another option to apply the transformations (maybe without Hardware acceleration) on iOS without using -webkit-transform.

Answer 1

The only real way to do those transforms is with the -webkit-transform tag. Alternatively, you can design the images / elements by hand and use .PNG files to maintain the transparency.