Moving earth- HTML-CSS

Dr. Pradipta AcharjeeDr. Pradipta Acharjee April 22, 2022

 Moving Earth | HTML - CSS 


Codes :   
HTML
<body>
  <div class="earth"></div>
</body>
 
CSS:
body{
  background: #383838;
}
.earth{
  width: 300px;
  height: 300px;
  display: inline-block;
  margin: 5px;
  border-radius: 50%;
  box-shadow: -20px -20px 50px 2px
#000 inset, 0 0 20px 2px #000;
  background: url(earth.png)
0/auto 100%;
  animation: spin 3s linear infinite;
}
@keyframes spin{
  to{
    background-position: 200% 0;
  }
}

Post a Comment

0 Comments

Recent Posts