Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="container">
- <div class="cell"><span class="inner"></span><span class="inner"></span></div>
- <div class="cell"><span class="inner"></span><span class="inner"></span></div>
- <div class="cell"><span class="inner"></span><span class="inner"></span></div>
- <div class="cell"><span class="inner"></span><span class="inner"></span></div>
- <div class="cell"><span class="inner"></span><span class="inner"></span></div>
- </div>
- @-webkit-keyframes firstanim{
- from{
- -webkit-transform:scale(1);
- -webkit-transform:rotate(0deg);
- backgroud:skyblue;
- left:0px;
- -webkit-transform: rotateY(0deg);
- } to{
- -webkit-transform:rotate(360deg);
- -webkit-transform:scale(1.5);
- background:orange;
- left:100px;
- -webkit-transform: rotateY(360deg);
- }
- }
- .container{
- border:1px solid black;
- padding:20px;
- width:250px;
- height:50px;
- position:realtive;
- }
- .cell{
- width:25px;
- height:25px;
- background:skyblue;
- float:left;
- display:inline-block;
- margin:0px 5px;
- position:relative;
- -webkit-animation: firstanim 3s infinite;
- }
- .inner{
- width:100%;
- height:50%;
- float:left;
- border:1px solid white;
- border-left-width:0px;
- borer-right-width:0px;
- }
- -webkit-transform:scale(1) rotateY(0deg);
- transform: rotate(30deg);
- transform: scale(3);
- transform: rotate(30deg) scale(3) translateX(3em) skewY(60deg);
Add Comment
Please, Sign In to add comment