| <style> |
| #box { |
| transition: padding 1s; |
| padding: 0px 1px 2px 3px; |
| } |
| </style> |
| <script src="transition-end-event-helpers.js"></script> |
| <script type="text/javascript"> |
| var expectedEndEvents = [ |
| // [property-name, element-id, elapsed-time, listen] |
| ["padding-top", "box", 1, true], |
| ["padding-right", "box", 1, true], |
| ["padding-left", "box", 1, true] |
| ]; |
| function setupTest() |
| { |
| box.style.padding = "8px 7px 2px 5px"; |
| } |
| runTransitionTest(expectedEndEvents, setupTest); |
| </script> |
| |
| <div id="container"> |
| <div id="box"></div> |
| </div> |
| <div id="result"></div> |