Chromium Code Reviews| Index: chrome/test/data/gpu/mem_3dcss.html |
| diff --git a/chrome/test/data/gpu/mem_3dcss.html b/chrome/test/data/gpu/mem_3dcss.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..11f13af99debae4cf52cb9ab391b706f9241a5d9 |
| --- /dev/null |
| +++ b/chrome/test/data/gpu/mem_3dcss.html |
| @@ -0,0 +1,72 @@ |
| +<html> |
| +<head> |
|
nduca
2012/07/17 22:40:25
Might put an explanation of what this is trying to
|
| +<style> |
| +.myPerspective |
|
nduca
2012/07/17 22:40:25
chrome css style is my-perspective for class names
|
| +{ |
| + width: 800px; |
|
nduca
2012/07/17 22:40:25
alphebetize these... - comes first.
|
| + height: 800px; |
| + border: 1px solid black; |
| + text-align: center; |
| + -webkit-transform-style: preserve-3d; |
| + -webkit-perspective: 600px; |
| + -webkit-perspective-origin: center center; |
| +} |
| + |
| +.myDiv1 |
| +{ |
| + width: 256px; |
| + height: 192px; |
| + border: 1px solid black; |
| + background-color: red; |
| + margin: 0 auto; |
| + opacity: 0.8; |
| + -webkit-transition-duration: 3s; |
| + -webkit-transform: translateZ(-1px) rotateY(20deg); |
| + -webkit-transform-style: preserve-3d; |
| +} |
| + |
| +.myDiv2 |
| +{ |
| + width: 384px; |
| + height: 384px; |
| + border: 1px solid black; |
| + background-color: blue; |
| + margin: 0 auto; |
| + opacity: 0.5; |
| + -webkit-transition-duration: 3s; |
| + -webkit-transform: rotateY(-20deg); |
| + -webkit-transform-style: preserve-3d; |
| +} |
| + |
| +.myDiv3 |
| +{ |
| + width: 256px; |
| + height: 128px; |
| + border: 1px solid black; |
| + background-color: green; |
| + margin: 0 auto; |
| + opacity: 1; |
| + -webkit-transition-duration: 3s; |
| + -webkit-transform: translateZ(0px) rotateY(20deg); |
| + -webkit-transform-style: preserve-3d; |
| +} |
| +</style> |
| +</head> |
| +<body> |
| + |
| +<div class="myPerspective"> |
| + <div class="myDiv1"> |
| + text |
| + </div> |
| + |
| + <div class="myDiv2"> |
| + text |
| + </div> |
| + |
| + <div class="myDiv3"> |
| + text |
| + </div> |
| +</div> |
| + |
| +</body> |
| +</html> |