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/translate.html |
| diff --git a/LayoutTests/transforms/translate.html b/LayoutTests/transforms/translate.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..8ba9c745e49fd728e75730dce3bdee8e761df609 |
| --- /dev/null |
| +++ b/LayoutTests/transforms/translate.html |
| @@ -0,0 +1,29 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +div { |
| + width: 100px; |
| + height: 100px; |
| + background-color: blue; |
| +} |
| +.container { |
| + translate: 100px 100px; |
| + background-color: red; |
| + perspective-origin: 150% 150%; |
| + perspective: 500px; |
| +} |
| +#box1 { |
| + translate: inherit; |
| +} |
| +#box2 { |
| + translate: 100% -200% -500px; |
| +} |
| +#box3 { |
| + translate: 300px; |
| +} |
| +</style> |
| + |
| +<div class="container"> |
| + <div id="box1">1</div> |
| + <div id="box2">2</div> |
| +</div> |
| +<div id="box3">3</div> |
