| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <style> |
| @keyframes test { |
| from { |
| /* These properties have -webkit-* equivalents. */ |
| background-size: 10px 10px; |
| box-shadow: 10px 10px green; |
| perspective: 10px; |
| transform: translate(10px, 10px); |
| perspective-origin: 10px 10px; |
| transform-origin: 10px 10px; |
| } |
| } |
| #target { |
| animation: test 1s; |
| transition: all 1s; |
| } |
| </style> |
| <div id="target"></div> |
| <script> |
| 'use strict'; |
| async_test(t => { |
| let frameWait = 5; |
| function frame() { |
| frameWait--; |
| if (frameWait) { |
| requestAnimationFrame(frame); |
| } else { |
| t.done(); |
| } |
| } |
| requestAnimationFrame(frame); |
| }, 'Don\'t crash when animating transitioned properties'); |
| </script> |