SHARE
TWEET

Untitled

a guest Jan 18th, 2019 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container">
  2. <div class="cell"><span class="inner"></span><span class="inner"></span></div>
  3. <div class="cell"><span class="inner"></span><span class="inner"></span></div>
  4. <div class="cell"><span class="inner"></span><span class="inner"></span></div>
  5. <div class="cell"><span class="inner"></span><span class="inner"></span></div>
  6. <div class="cell"><span class="inner"></span><span class="inner"></span></div>
  7. </div>
  8.    
  9. @-webkit-keyframes firstanim{
  10.     from{
  11.         -webkit-transform:scale(1);
  12.         -webkit-transform:rotate(0deg);
  13.     backgroud:skyblue;
  14.     left:0px;
  15.  
  16.     -webkit-transform: rotateY(0deg);
  17.    }    to{
  18.     -webkit-transform:rotate(360deg);
  19.     -webkit-transform:scale(1.5);
  20.     background:orange;
  21.     left:100px;
  22.     -webkit-transform: rotateY(360deg);
  23.    }
  24. }
  25.  
  26.  
  27. .container{
  28.     border:1px solid black;
  29.     padding:20px;
  30.     width:250px;
  31.     height:50px;
  32.     position:realtive;
  33. }
  34. .cell{
  35.     width:25px;
  36.     height:25px;
  37.  
  38.     background:skyblue;
  39.  
  40.     float:left;
  41.     display:inline-block;
  42.     margin:0px 5px;
  43.     position:relative;
  44.     -webkit-animation: firstanim 3s infinite;
  45.  
  46. }
  47. .inner{
  48.  width:100%;
  49.  height:50%;
  50.  float:left;
  51.  
  52.     border:1px solid white;
  53.     border-left-width:0px;
  54.     borer-right-width:0px;
  55. }
  56.    
  57. -webkit-transform:scale(1)  rotateY(0deg);
  58.    
  59. transform: rotate(30deg);
  60. transform: scale(3);
  61.    
  62. transform: rotate(30deg) scale(3) translateX(3em) skewY(60deg);
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top