Prevent flicker on webkit-transition of webkit-transform [duplicate]

by

The solution is mentioned here: iPhone WebKit CSS animations cause flicker.

For your element, you need to set 

-webkit-backface-visibility: hidden;

More Related Contents:

  1. Hover effect : expand bottom border
  2. Simulating transform-origin using translate
  3. How to prevent Webkit text rendering change during CSS transition
  4. Spin or rotate an image on hover
  5. Flip a 3D card with CSS
  6. CSS3 Transform affecting other elements with chrome/safari
  7. webkit transform blocking link
  8. Why does enabling hardware-acceleration in CSS3 slow down performance?
  9. CSS transform doesn’t work on inline elements
  10. CSS3 background image transition
  11. css3 transition animation on load?
  12. CSS 3 slide-in from left transition
  13. CSS Animation and Display None
  14. CSS 3d transform doesn’t work if perspective is set in the end of property
  15. Pure CSS scroll animation
  16. CSS3 transition on click using pure CSS
  17. Two-tone background split by diagonal line using css
  18. CSS Transform Skew [duplicate]
  19. CSS transition auto height not working [duplicate]
  20. rotate3d shorthand
  21. CSS3 transform order matters: rightmost operation first
  22. Animating max-height with CSS transitions
  23. CSS how to make an element fade in and then fade out?
  24. How can I transition height: 0; to height: auto; using CSS?
  25. placing background image in a rhombus shaped container is causing the container to lose its shape
  26. Delay mouseout/hover with CSS3 transitions
  27. when scaling an element with css3 scale, it becomes pixelated until just after the animation is complete. I’m animating an element with a border
  28. Image moves on hover when changing filter in chrome
  29. Drawing border colors during a CSS transition
  30. Combination of animation and transition not working properly

Leave a Comment