iOS CSS animation flicker

Asked Aug 08 '14 at 11:59

Active Aug 08 '14 at 13:29

Viewed 1,040 times

Has anybody experienced flicker effect like this?

enter image description here

I use Angular with ngAnimate module. Without ngAnimate there is no flicker but also other needed animations goes away. So I need to stay with ngAnimate but get rid of flicker.

Initial state of popup:

.fade-scale {   
  -webkit-transition: all .2s ease-in-out;
  -webkit-transform:scale(0.8);
  opacity:0; 
}

On tap it adds this class on popup

.show {
  -webkit-transform:scale(1);
  opacity:1;      
}

All of these don't help

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform:translate3d(0,0,0);
-webkit-transform-style: preserve-3d;

edited Aug 08 '14 at 13:29

asked Aug 08 '14 at 11:59

Alex Petropavlovsky

Have you looked at [this question](http://stackoverflow.com/q/2946748/645956)? – grc Aug 08 '14 at 12:14
How about [this one](http://stackoverflow.com/q/22372874/645956)? – grc Aug 08 '14 at 13:32
@grc also tried but w/o any luck – Alex Petropavlovsky Aug 08 '14 at 13:34
[This](https://github.com/angular/angular.js/issues/4225) might be the problem. Any chance you can do it in pure css? – grc Aug 08 '14 at 13:39

iOS CSS animation flicker

0 Answers0