Animated transitions on smartphones?

Animated transitions on smartphones?

I've built my first responsive website!

I have animated transitions between screen sizes, so it goes from a 3 column layout, then 2 and finally a single column. The spare columns fade away and the main section expands to fill the space. This works great on my desktop computer, but when I test it on my smartphone you can't really see the transitions, even  the image header crossfade only shows 2 or 3 frames of animation at most  - it just makes it feel a bit clunky, but then again, I only have one of those really cheap Chinese Huawei Ascend G300s to test it on.

My question is would a more expensive phone or ipad make a better job of it or should I just remove any animated transitions when displaying on phones and tablets?

Thanks in advance!