#earth { width: 480px; height: 480px; background: url(https://www.zilmet.it/wp-content/uploads/2023/03/HOME_IMMAGINE_TERRA.jpg); border-radius: 50%; background-size: 1440px; box-shadow: inset 10px 50px 100px 36px rgb(0, 0, 0), inset -10px 0 50px 10px rgba(255, 255, 255, 0.3); animation-name: rotate; animation-duration: 600s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotate; -webkit-animation-duration: 600s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; pointer-events: none; user-select: none; transition:background-position 100ms; background-repeat-x: repeat; } @keyframes rotate { from { background-position: 0px 0px; } to { background-position: calc(760px *12) 0; } } @-webkit-keyframes rotate { from { background-position: 0px 0px; } to { background-position: calc(760px *12) 0; } }