Advertisement
Guest User

Untitled

a guest
Aug 28th, 2015
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.75 KB | None | 0 0
  1. .face {
  2. display: block;
  3. width: 200px;
  4. height: 200px;
  5. top: 0;
  6. left: 0;
  7. position: absolute;
  8. }
  9. .frente {
  10. background-color: red;
  11. transform: translateZ(100px);
  12. }
  13. .direita {
  14. background-color: blue;
  15. transform: translateX(100px) rotateY(90deg);
  16. }
  17. .esquerda {
  18. background-color: green;
  19. transform: translateX(-100px) rotateY(-90deg);
  20. }
  21. .cima {
  22. background-color: purple;
  23. transform: translateY(100px) rotateX(90deg);
  24. }
  25. .tras {
  26. background-color: grey;
  27. transform: translateZ(-100px) rotateY(180deg);
  28. }
  29. .baixo {
  30. background-color: aqua;
  31. transform: translateY(-100px) rotateX(-90deg);
  32. }
  33. .cubo {
  34. transform-style: preserve-3d;
  35. position: relative;
  36. width: 200px;
  37. height: 200px;
  38. top: 100px;
  39. left: 100px;
  40. transform: rotateX(-9deg) rotateY(15deg);
  41. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement