SHARE
TWEET

Untitled

a guest Jun 16th, 2019 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="original">
  2. <div class="spin">
  3. <div class="box">Texto</div>
  4. </div>
  5.      
  6. body {
  7. color: #fff;
  8. margin: 30px;
  9. }
  10.  
  11. .original {
  12. background: #d2d2d2;
  13. margin: 10px 15px;
  14. width: 95px;
  15. }
  16.  
  17. .box {
  18. background: red;
  19. height: 95px;
  20. width: 95px;
  21. line-height: 95px;
  22. text-align: center;
  23. transform: rotate(-55deg);
  24.  
  25.   }
  26.  .spin {
  27.   cursor: pointer;
  28.   }
  29.  .spin:hover {
  30.    animation: spin 3s linear infinite;
  31.  }
  32.  
  33.   @keyframes spin {
  34.   0% {
  35.   transform: rotateY(0deg);
  36.     }
  37.    100% {
  38.   transform: rotateY(360deg);
  39.    }
  40.    }
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