diff --git a/3D Earth/index.html b/3D Earth/index.html
index 2ce2f28d..f51a6259 100644
--- a/3D Earth/index.html
+++ b/3D Earth/index.html
@@ -32,6 +32,7 @@
transform-style: preserve-3d;
background: url('https://eoimages.gsfc.nasa.gov/images/imagerecords/57000/57735/land_ocean_ice_cloud_2048.jpg');
background-size: 200%;
+ animation: shiftBackground 20s linear infinite;
}
.globe::before {
@@ -61,6 +62,12 @@
0% { transform: rotateY(0deg); }
100% { transform: rotateY(360deg); }
}
+
+ @keyframes shiftBackground {
+ 0%, 25% { background-position: 0% 0; transform: scaleX(1);}
+ 26%, 75% { background-position: 100% 0; transform: scaleX(-1);}
+ 76%, 100% { background-position: 0% 0; transform: scaleX(1);}
+ }