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.

Why are you just targeting safari? Do you not want anyone else to see your site? I think that is terrible design. — Andrew
– Andrew, Commented Feb 29, 2012 at 17:14
I am targeting iPhone and iPad. I assume that 99% there is Safari. — viebel
– viebel, Commented Feb 29, 2012 at 18:30
@kirilloid Could you give me a pointer for material on 3d transforms? — viebel
– viebel, Commented Feb 29, 2012 at 19:34

user1239087 · Accepted Answer · 2012-03-02 21:23:03Z

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.

answered Mar 2, 2012 at 21:23

user1239087

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related