| <!DOCTYPE html><!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=true ] --> |
| -webkit-transition-duration: 10s; |
| -webkit-transition-timing-function: linear; |
| -webkit-transition-property: opacity; |
| mix-blend-mode: difference; |
| <script src="resources/transition-test-helpers.js"></script> |
| <script type="text/javascript"> |
| // [time, element-id, property, expected-value, tolerance] |
| [0.5, 'box', 'mix-blend-mode', 'difference', 0], |
| document.getElementById('box').className = 'box final'; |
| runTransitionTest(expectedValues, setupTest, false); |
| Test to make sure that the blendmode property is properly propagated to shared styles |
| <div id="box" class="box">BOX</div> |