Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .face {
- display: block;
- width: 200px;
- height: 200px;
- top: 0;
- left: 0;
- position: absolute;
- }
- .frente {
- background-color: red;
- transform: translateZ(100px);
- }
- .direita {
- background-color: blue;
- transform: translateX(100px) rotateY(90deg);
- }
- .esquerda {
- background-color: green;
- transform: translateX(-100px) rotateY(-90deg);
- }
- .cima {
- background-color: purple;
- transform: translateY(100px) rotateX(90deg);
- }
- .tras {
- background-color: grey;
- transform: translateZ(-100px) rotateY(180deg);
- }
- .baixo {
- background-color: aqua;
- transform: translateY(-100px) rotateX(-90deg);
- }
- .cubo {
- transform-style: preserve-3d;
- position: relative;
- width: 200px;
- height: 200px;
- top: 100px;
- left: 100px;
- transform: rotateX(-9deg) rotateY(15deg);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement