Issue with animation and fixed background images In Chrome

  • benos030

    (@benos030)


    10 years, 5 months ago

    Chrome doesn’t display background images with fixed attachment if plugins animate.css is in use.

    If remove plugin’s animate.css top part:
    body{-webkit-backface-visibility:hidden;}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}

    you can see the fixed backgrounds but only after all animation have finished.

    Thank you.

    http://wordpress.org/plugins/shortcodes-ultimate/

Viewing 2 replies - 1 through 2 (of 2 total)
  • wt85

    (@wt85)

    10 years, 5 months ago

    I also noticed issues with background in chrome. My background is displayed, but there are strange interactions between animation and the background. I have set up a demonstration page here. Scroll down a bit and switch the animated tabs. The background will switch its position and the top and bottom of the background is cut off.

    wt85

    (@wt85)

    10 years, 5 months ago

    I found a solution, that works at least with my site. I just deleted
    body{-webkit-backface-visibility:hidden;}
    from animate.css. I think it’s included because of some webkit/chrome bug. But that bug doesn’t appear with my website. On the other hand, backface visibility hidden causes problems with my fixed background image.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Issue with animation and fixed background images In Chrome’ is closed to new replies.