| 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>
|
| +<style>
|
| +.myPerspective
|
| +{
|
| + width: 800px;
|
| + 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>
|
|
|