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

Popular posts from this blog

android - Pass an Serializable object in AIDL -

How to provide Authorization & Authentication using Asp.net, C#? -

How to use Authorization & Authentication in Asp.net, C#? -