HTML5 Video freeze when using css3 animation -
i'm playing full screen html5 video, , try display text opacity animations. encoded video @ minimum having best performance, , when play it, it's fluid. display text simple opacity animation ( 0 1) video freezing. text composed of 8 paragraphs , displayed them delay.
i'm not sure due opacity saw article this:
opacity animations accelerated. i've heard people opacity transitions , animations bad performance. that's not true. opacity changes pushed gpu default, 3d transforms. in fact, according paul irish (youtube link below) opacity 1 of performant css properties.
someone go through problem ?
#video{ position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translatex(-50%) translatey(-50%); transform: translatex(-50%) translatey(-50%); }
try setting filter none on text css class.
.mytext{ filter:none;}
Comments
Post a Comment