Chromium Code Reviews Chromium Code Reviews
Issue 1315973003:
Add Layout Test to test if skew is applied on both axes together not sequentially on Compositor (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: ManualTests/animation/skew-notsequential-compositor.html |
| diff --git a/ManualTests/animation/skew-notsequential-compositor.html b/ManualTests/animation/skew-notsequential-compositor.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..cc1b2aca3a38d5738a37c38764e8a161b299e06e |
| --- /dev/null |
| +++ b/ManualTests/animation/skew-notsequential-compositor.html |
| @@ -0,0 +1,40 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +div { |
| + width: 100px; |
| + height: 100px; |
| + border: solid; |
| + margin: 50px; |
| + position: absolute; |
| + will-change: transform; |
| + transform-origin: 0 0; |
| +} |
| + |
| +#test { |
| + border-color: green; |
| + |
| + animation-name: anim; |
| + animation-duration: 2e10s; |
| + animation-delay: -1e10s; |
| + animation-fill-mode: forwards; |
| + animation-timing-function: linear; |
| +} |
| + |
| +@keyframes anim { |
| + 0% { |
| + transform: skew(0deg, 0deg); |
| + } |
| + 100% { |
| + transform: skew(-90deg, 90deg); |
|
alancutter (OOO until 2018)
2015/09/03 04:25:14
The from and to keyframes can both be skew(-45deg,
|
| + } |
| +} |
| + |
| +#expected { |
| + border-color: red; |
| + transform: skew(-45deg, 45deg); |
|
alancutter (OOO until 2018)
2015/09/03 04:25:14
Perhaps if the -expected.html was also running a c
|
| +} |
| +</style> |
| + |
| +The green test div should transform to cover the red target. |
| +<div id="expected"></div> |
| +<div id="test"></div> |
