SHARE
TWEET

Untitled

a guest Dec 3rd, 2019 72 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <DOCTYPE html>
  2. <html>
  3.     <head>
  4.             <style type="text/css">
  5.            
  6.             #a
  7.             {
  8.                  width: 60px;
  9.                 height: 60px;
  10.                 background-color: #0000aa;
  11.                 border-radius: 100px;
  12.                 position: absolute;
  13.                 left: 200px;
  14.                 top: 200px;
  15.                animation-name: anima1;
  16.                animation-duration: 3s;
  17.                  animation-timing-function: linear;
  18.                  animation-iteration-count: infinite;
  19.                  transform-origin: 200px 200px;
  20.             }
  21.            
  22.             @keyframes anima1
  23.             {
  24.                  0% {transform: rotate(0deg)}
  25.                 100% {transform: rotate(360deg)}
  26.             }
  27.  
  28.               #b
  29.             {
  30.                 width: 60px;
  31.                 height: 60px;
  32.                 background-color: #0000aa;
  33.                 border-radius: 100px;
  34.                animation-name: anima2;
  35.                animation-duration: 3s;
  36.                position: absolute;
  37.                             left: 200px;
  38.                 top: 200px;
  39.                 animation-timing-function: linear;
  40.                 animation-iteration-count: infinite;
  41.                 transform-origin: 200px 200px;
  42.             }
  43.            
  44.             @keyframes anima2
  45.             {
  46.                  0% {transform: rotate(360deg)}
  47.                 100% {transform: rotate(0deg)}
  48.             }
  49.  
  50.  
  51.            
  52.             </style>
  53.     </head>
  54.     <body>
  55.     <div id="c">
  56.         <div id="a"></div>
  57.         <div id="b"></div>
  58.     </body>
  59. </html>
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