- From: Simon Fraser via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 27 Jan 2012 07:10:16 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-transforms/examples
In directory hutz:/tmp/cvs-serv28823/examples
Added Files:
simple-3d-example.html simple-3d-example.png
simple-perspective-example.html simple-perspective-example.png
Log Message:
Added two simple 3D examples
--- NEW FILE: simple-perspective-example.html ---
<!DOCTYPE html>
<html
<head>
<title>Simple 3D example</title>
<style>
div {
height: 150px; width: 150px;
}
.container {
border: 1px solid black;
margin: 20px;
background-color: rgba(0, 0, 0, 0.1);
-webkit-perspective: 500px;
-moz-perspective: 500px;
-ms-perspective: 500px;
-o-perspective: 500px;
perspective: 500px;
}
.transformed {
-webkit-transform: rotateY(50deg);
-moz-transform: rotateY(50deg);
-ms-transform: rotateY(50deg);
-o-transform: rotateY(50deg);
transform: rotateY(50deg);
background-color: blue;
}
</style>
</head>
<body>
<div class="container">
<div class="transformed"></div>
</div>
</body>
</html>
--- NEW FILE: simple-3d-example.png ---
(This appears to be a binary file; contents omitted.)
--- NEW FILE: simple-perspective-example.png ---
(This appears to be a binary file; contents omitted.)
--- NEW FILE: simple-3d-example.html ---
<!DOCTYPE html>
<html
<head>
<title>Simple 3D example</title>
<style>
div {
height: 150px; width: 150px;
}
.container {
border: 1px solid black;
margin: 20px;
background-color: rgba(0, 0, 0, 0.1);
}
.transformed {
-webkit-transform: rotateY(50deg);
-moz-transform: rotateY(50deg);
-ms-transform: rotateY(50deg);
-o-transform: rotateY(50deg);
transform: rotateY(50deg);
background-color: blue;
}
</style>
</head>
<body>
<div class="container">
<div class="transformed"></div>
</div>
</body>
</html>
Received on Friday, 27 January 2012 07:10:22 UTC