Guest User

Untitled

a guest
Oct 21st, 2018
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.03 KB | None | 0 0
  1. .container {
  2. width: 600px;
  3. height: 460px;
  4. position: relative;
  5. margin: 50px auto;
  6.  
  7. -webkit-perspective: 800px;
  8. -moz-perspective: 800px;
  9. }
  10.  
  11. .box {
  12. margin : 10px;
  13. height: 50px;
  14. width: 260px;
  15. background: grey;
  16. border : solid 1px #FE9939;
  17.  
  18. -webkit-transform-style: preserve-3d;
  19. -moz-transform-style: preserve-3d;
  20.  
  21. -webkit-animation: spin 4s infinite alternate ease-in-out;
  22. -moz-animation: spin 4s infinite alternate ease-in-out;
  23. }
  24.  
  25. .delay1 {
  26. -webkit-animation-delay: -1s;
  27. }
  28.  
  29. .delay2 {
  30. -webkit-animation-delay: -2s;
  31. }
  32.  
  33. .delay3 {
  34. -webkit-animation-delay: -3s;
  35. }
  36.  
  37. .box h1{
  38. color : #FE9939;
  39. text-align : center;
  40. line-height : 0px;
  41. font-size: 40px;
  42. }
  43.  
  44. @-moz-keyframes "spin" {
  45. 0% {
  46. -moz-transform: rotateY(-20deg);
  47. transform: rotateY(-20deg);
  48. }
  49. 100% {
  50. -moz-transform: rotateY(20deg);
  51. transform: rotateY(20deg);
  52. }
  53. }
  54.  
  55. @-webkit-keyframes "spin" {
  56. 0% {
  57. -webkit-transform: rotateY(-20deg);
  58. transform: rotateY(-20deg);
  59. }
  60. 100% {
  61. -webkit-transform: rotateY(20deg);
  62. transform: rotateY(20deg);
  63. }
  64. }
Add Comment
Please, Sign In to add comment