css3 - How to disable css Animation keyframes in opera? -


I have created the animation using CSS3 transform and animation features . Now I want to disable animation by appearing on Opera.

When I enter Opera specific code ( @ - o-keyframes leftright {0% {left: -10%;} 100% {CSS rest: 101%;}} ) Animation does not disable itself on opera.

But when I default to the animation code ( @keyframes leftright {0% {Left: -10%;} 100% {left: 101%;}} ) it automatically on Opera Disables.

I want to disable it on Opera without removing the default code.

This code is

  @keyframes leftright {0% {left: -10%; } 100% {left: 101%;}} @ -moz-keyframe byteright {0% {left: -10%; } 100% {left: 101%;}} @ -webkit-keyframe byteright {0% {left: -10%; } 100% {left: 101%}} @ -o-keyframes on right side {0% {left: -10%; } 100% {left: 101%;}}   

Is there any way to do this work?

Before doing anything, you always Unfreeze keyframe last .

This means that you must have this:

  @ - Mozziz- Left keyframes {0% {left: -10%;} 100% {left: 101%;}} @ -webkit-keyframe byte right {0% {left: -10%;} 100% {left: 101% }} @ -o-keframes on the right {0% {left: -10%;} 100% {left: 101%;}} @ keyframe byte right {0% {left: -10%;} 100% {left : 101%;}}   

and answer your question For the second time, the reason for this is that what you describe is because Opera supports unaffected keyframe animation @keyframes leftright {0% { Left: -10%;} 100% {left: 101%;}} ) Even if Opera has a specific prefix ( @ -o-keyframes leftright {0% {left: -10%;} 100 % {Left: 101%;}} ) are unavailable.

And the easiest way is to do what you want to do to target Opera (which is why I work for Opera 9.5+Mitigation of the chosen one, that old version Kafim app do not support animation, Preefiksd or Aprifiks) and then add the browser to browser to remove the animation for it.

For example, if you have & lt; Div class = 'boo' & gt; & Lt; / Div & gt; There is something in HTML, so you need something in your CSS:

  .bo {position: absolute; Width: 5 AM; Height: 5 AM; Background: blue; Animation: Left Right 5S Linear 5; / * Set the animation for all browsers * /} noindex: -o-prefocus, .boo {/ * Simply remove the animation for the opera / animation: none; }   

(see in Opera vs. other browsers)

[Please note that my live demo is using The vendor connects to the required prefixes via Javascript and in the your code you still need to add prefix for webkit animation - for more information without a prefix / non-browser support, always check it]

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -