Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Fancy Image Flip Book Not Working on Firefox

Recommended Posts

Hi @InTheOne,


Browsers don't like it when you change the source of an image, as it has to check/repaint the entire image, which is likely the cause of issue in FF. To eliminate this, I would load all your images to the dom and use your tween display/hide them with opacity/visibility (autoAlpha), or better, yet, stitch the images together as a sprite sheet, and tween between them via transform, using a stepped ease, (hardware accelerated) in an overflow hidden div (similar to this example:

See the Pen MBWqYX by elegantseagulls (@elegantseagulls) on CodePen


  • Like 5
Link to comment
Share on other sites

That is great! I'm including my new Pen in case anyone else wants to do a simpler version of the airplane CSS sprite. 

See the Pen BayYKYM by jonroc (@jonroc) on CodePen

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.