Chromium Code Reviews Chromium Code Reviews
Issue 1158603003:
CSS Independent Transform Properties (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/transforms/combine-transforms-properties-motion-path.html |
| diff --git a/LayoutTests/transforms/combine-transforms-properties-motion-path.html b/LayoutTests/transforms/combine-transforms-properties-motion-path.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..c2866e676f5dddbd2329671bcded24b06ed92a99 |
| --- /dev/null |
| +++ b/LayoutTests/transforms/combine-transforms-properties-motion-path.html |
| @@ -0,0 +1,26 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +div { |
| + width: 100px; |
| + height: 100px; |
| + position: absolute; |
| + transform-origin: 50% 50%; |
| +} |
| + |
| +<!-- Note the order of the scaling operation affects the path coordinates --> |
|
alancutter (OOO until 2018)
2015/06/17 07:38:32
/* */
soonm
2015/06/17 23:56:53
Done.
|
| +#target { |
| + background-color: red; |
| + translate: 200px 10px; |
| + rotate: 90deg; |
| + scale: 1 2; |
| + motion: path("m 0 0 v -20 h 20") 0rad 100%; |
| +} |
| +#expected { |
| + background-color: green; |
| + transform: translate(240px, 30px) rotate(90deg) scale(1, 2); |
| +} |
| +</style> |
| + |
| +<p>There should be no red color boxes</p> |
| +<div id="target"></div> |
| +<div id="expected"></div> |
