| <!DOCTYPE html> |
| <html> |
| <head> |
| <style type="text/css"> |
| .my_animation { |
| animation: my_animation 200ms ease; |
| animation-direction: alternate; |
| animation-iteration-count: infinite; |
| |
| } |
| @keyframes my_animation { |
| from { color: black; } |
| to { color: red; } |
| } |
| </style> |
| <script> |
| window.addEventListener('animationiteration', function() { |
| window.top.onAnimationIterationInGrandchild(); |
| |
| // Remove ourselves from the frame tree, exercising the scenario |
| // that used to lead to a crash in https://crbug.com/776407. |
| window.top.document.getElementById('oopif').remove(); |
| }); |
| </script> |
| </head> |
| <body> |
| <p class="my_animation">Css animation <span id="my_animation">here</span></p> |
| </body> |
| </html> |