Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use CSS3 Transitions for slide and fade effects #1

Closed
johanbrook opened this issue Aug 24, 2011 · 3 comments
Closed

Use CSS3 Transitions for slide and fade effects #1

johanbrook opened this issue Aug 24, 2011 · 3 comments

Comments

@johanbrook
Copy link

FlexSlider's Javascript animations are a bit choppy on iOS. Since FlexSlider is responsive (can be used nicely with a wide array of devices) and support touch swipes, it would be awesome if the JS animations could be a fallback for hardware accelerated CSS to make the slides and fades smooth on iOS (and perhaps other platforms).

Also, great work on the slider!

@tylernotfound
Copy link
Contributor

I will be looking into this soon. Thanks for bringing it up!

@albi
Copy link

albi commented Aug 29, 2011

Please consider using transform3d for GPU powered css transitions.

http://css-tricks.com/13627-infinite-all-css-scrolling-slideshow/

@tylernotfound
Copy link
Contributor

Hardware acceleration has been added to the completely revamped touch swipe setup in version 1.8. About time...am I right?

stephenwil added a commit to stephenwil/FlexSlider that referenced this issue Feb 16, 2012
KevinBatdorf pushed a commit to KevinBatdorf/FlexSlider that referenced this issue Nov 3, 2018
MetaSlider branch + new changes from woocommerce master
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants