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: LayoutTests/animations/skew-notsequential-compositor.html |
| diff --git a/LayoutTests/animations/skew-notsequential-compositor.html b/LayoutTests/animations/skew-notsequential-compositor.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..6ad253790551946be8f75f8b8fafe12fea8d0eba |
| --- /dev/null |
| +++ b/LayoutTests/animations/skew-notsequential-compositor.html |
| @@ -0,0 +1,33 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +div { |
| + width: 100px; |
| + height: 100px; |
| + border: solid; |
| + margin: 50px; |
| + position: absolute; |
| + will-change: transform; |
| +} |
| + |
| +#test { |
| + border-color: green; |
| + |
| + animation-name: anim; |
| + animation-duration: 2e10s; |
| + animation-delay: -1e10s; |
| + animation-fill-mode: forwards; |
| + animation-timing-function: linear; |
| +} |
| + |
| +@keyframes anim { |
| + from { |
| + transform: skew(-45deg, 45deg); |
| + } |
| + to { |
| + transform: skew(-45deg, 45deg); |
| + } |
| +} |
| +</style> |
| + |
| +The green test div should transform to cover the red target. |
|
alancutter (OOO until 2018)
2015/09/03 05:23:11
This text seems out of date as there's no red expe
|
| +<div id="test"></div> |
