Rotate

Rotate
<style>
  @keyframes rotate{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
  }
  #box {
    width:80px;height:80px;
    margin:60px auto;
    border-radius:25%;
    padding:10px;
    background:#639;
    animation:rotate 2s linear infinite;
  }
  #circle{
    border-radius:50%;
    background-color:yellow;
    height:100%
  }
 </style>
 <div id="box">
    <div id="circle"></div>
 </div>


Rotate
<style>
  @keyframes rotate{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
  }
  #box {
    width:80px;height:80px;
    margin:60px auto;
    border-radius:25%;
    padding:10px;
    background:#639;
    animation:rotate 2s linear infinite;
  }
  #circle {
    border-radius:20% 50%;
    background-color:yellow;
    height:100%
  }
 </style>
 <div id="box">
    <div id="circle"></div>
 </div>
receipt
settings_ethernet