| Index: LayoutTests/transitions/object-position-transition.html
|
| diff --git a/LayoutTests/transitions/object-position-transition.html b/LayoutTests/transitions/object-position-transition.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..52ad86e6133c994f41567170d1b55547219ef030
|
| --- /dev/null
|
| +++ b/LayoutTests/transitions/object-position-transition.html
|
| @@ -0,0 +1,34 @@
|
| +<!DOCTYPE html>
|
| +
|
| +<html>
|
| + <head>
|
| + <title>Transitioning object-position</title>
|
| + <style>
|
| + #box {
|
| + width: 400px;
|
| + height: 400px;
|
| + object-position:-50px -50px;
|
| + transition-duration: 0.5s;
|
| + transition-timing-function: linear;
|
| + transition-property: object-position;
|
| + }
|
| + </style>
|
| + <script src="../animations/resources/animation-test-helpers.js"></script>
|
| + <script>
|
| + const expectedValues = [
|
| + // [time, element-id, property, expected-value, tolerance]
|
| + [0.25, 'box', 'object-position', "25px 75px", 10]
|
| + ];
|
| +
|
| + function setupTest()
|
| + {
|
| + document.getElementById('box').style.objectPosition = "100px 200px";
|
| + }
|
| + runTransitionTest(expectedValues, setupTest);
|
| + </script>
|
| + </head>
|
| + <body>
|
| + <img id="box" src="../animations/resources/stripes-100.png">
|
| + <div id="result"></div>
|
| + </body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 24077007:
Add support for the object-position CSS property. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master