Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .one, .two {
- position: absolute;
- top: 0;left: 0;
- width: 90px;
- height: 90px;
- border-radius: 50px;
- backface-visibility: hidden;
- }
- .one {
- background-color: blue;
- transform: translate3d(0px, 0px, 0px) rotateY(180deg);
- }
- .two {
- background-color: red;
- transform: rotateY(0deg);
- }
- .wrap {
- outline: 1px solid gray;
- width: 90px;height: 90px;
- position: relative;
- display: inline-block;
- transform-style: preserve-3d;
- animation: Rotate 4s ease-in-out 0s infinite;
- }
- @keyframes Rotate {
- to {
- transform: rotateY(360deg)
- }
Add Comment
Please, Sign In to add comment