Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .container {
- width: 600px;
- height: 460px;
- position: relative;
- margin: 50px auto;
- -webkit-perspective: 800px;
- -moz-perspective: 800px;
- }
- .box {
- margin : 10px;
- height: 50px;
- width: 260px;
- background: grey;
- border : solid 1px #FE9939;
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- -webkit-animation: spin 4s infinite alternate ease-in-out;
- -moz-animation: spin 4s infinite alternate ease-in-out;
- }
- .delay1 {
- -webkit-animation-delay: -1s;
- }
- .delay2 {
- -webkit-animation-delay: -2s;
- }
- .delay3 {
- -webkit-animation-delay: -3s;
- }
- .box h1{
- color : #FE9939;
- text-align : center;
- line-height : 0px;
- font-size: 40px;
- }
- @-moz-keyframes "spin" {
- 0% {
- -moz-transform: rotateY(-20deg);
- transform: rotateY(-20deg);
- }
- 100% {
- -moz-transform: rotateY(20deg);
- transform: rotateY(20deg);
- }
- }
- @-webkit-keyframes "spin" {
- 0% {
- -webkit-transform: rotateY(-20deg);
- transform: rotateY(-20deg);
- }
- 100% {
- -webkit-transform: rotateY(20deg);
- transform: rotateY(20deg);
- }
- }
Add Comment
Please, Sign In to add comment