Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Transform Transition bug on Chrome (solution)

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #209371
    csergiuu
    Participant

    Hello guys,

    I’m just curious did you ever noticed that sometimes when you hover on an object that have transform transition, it just jumps to the final frame?

    Seems that there aren’t any transition at all!

    So I figured out an smart hack to avoid this bug, just try to add “background-color: (desired color);” to the object you want to animate and transform will work properly.

    So if you have transform applied to images, you can also use the same hack but with a difference: “background-color: rgba(0,0,0, 0.01);”

    By this way, you can animate your object without any browser weird bugs, and even on images you wont feel any difference, because the alpha value is so low that we wont even notice any background change.

    Well if you didn’t noticed, you can can see the example below:

    http://codepen.io/csergiuu/pen/VvPzEB

    Sorry for the long post, I hope this will be useful.

    Cheers ^^

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.