May 14, 2022 10:18 am

The map that looks at the world. This is how Russian troops advance on Ukraine

/* */
div#preload {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: black;
z-index: 90;
background-color: #262626;
pointer-events: none;
transition: all 0.5s ease-in-out;
}
div#preload.loaded {
opacity: 0;
}
div#preload.loaded svg#stroke {
animation: none;
}
div.logo {
width: 80px;
height: 80px;
margin: 0 auto;
position: fixed;
left: 50%;
margin-left: -40px;
top: 250px;
}
.st0 path {
fill: #007caf !important;
}
svg#stroke {
-webkit-animation: 2s linear infinite svg-animation;
animation: 2s linear infinite svg-animation;
max-width: 100px;
position: absolute;
top: 0;
left: 0;
}
@keyframes svg-animation {
0% {
-webkit-transform: rotateZ(0deg);
-ms-transform: rotate(0deg);
transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg);
-ms-transform: rotate(360deg);
transform: rotateZ(360deg);
}
}
circle {
-webkit-animation: 1.4s ease-in-out infinite both circle-animation;
animation: 1.4s ease-in-out infinite both circle-animation;
display: block;
fill: transparent;
stroke: #007caf;
stroke-linecap: round;
stroke-dasharray: 283;
stroke-dashoffset: 280;
stroke-width: 6px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@-webkit-keyframes circle-animation {
0%,
25% {
stroke-dashoffset: 280;
-webkit-transform: rotate(0);
transform: rotate(0);
}
50%,
75% {
stroke-dashoffset: 75;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
stroke-dashoffset: 280;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes circle-animation {
0%,
25% {
stroke-dashoffset: 280;
-webkit-transform: rotate(0);
transform: rotate(0);
}
50%,
75% {
stroke-dashoffset: 75;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
stroke-dashoffset: 280;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

thoroughly

The map that looks at the world
This is how Russian troops advance on Ukraine

window.doc_id=’1ARuFi8gjHzZ00dcBOk4TdzGBJeookl147402-5YdkJU’
window.addEventListener(“DOMContentLoaded”, function (event) { var vueScript0 = document.createElement(“script”);
vueScript0.type = “text/javascript”;
vueScript0.src = “https://especialess3.lanacion.com.ar/20/10/scrolly-archieML/js/chunk-vendors~253ae210.499adf2b.js”;
document.body.appendChild(vueScript0);

var vueScript1 = document.createElement(“script”);
vueScript1.type = “text/javascript”;
vueScript1.src = “https://especialess3.lanacion.com.ar/20/10/scrolly-archieML/js/chunk-vendors~d939e436.f0399ba0.js”;
document.body.appendChild(vueScript1);

var vueScript2 = document.createElement(“script”);
vueScript2.type = “text/javascript”;
vueScript2.src = “https://especialess3.lanacion.com.ar/20/10/scrolly-archieML/js/chunk-vendors~93acefaf.e0ac820e.js”;
document.body.appendChild(vueScript2);

var vueScript3 = document.createElement(“script”);
vueScript3.type = “text/javascript”;
vueScript3.src = “https://especialess3.lanacion.com.ar/20/10/scrolly-archieML/js/chunk-vendors~fdc6512a.5cb867b5.js”;
document.body.appendChild(vueScript3);

var vueScript4 = document.createElement(“script”);
vueScript4.type = “text/javascript”;
vueScript4.src = “https://especialess3.lanacion.com.ar/20/10/scrolly-archieML/js/chunk-vendors~205977d4.bde89a39.js”;
document.body.appendChild(vueScript4);

var vueScript5 = document.createElement(“script”);
vueScript5.type = “text/javascript”;
vueScript5.src = “https://especialess3.lanacion.com.ar/20/10/scrolly-archieML/js/app~d0ae3f07.8599fc12.js”;
document.body.appendChild(vueScript5);

})
window.addEventListener(“load”, ()=>{document.getElementById(“wrapper”).classList.add(“–transparent”);})

Reference-www.lanacion.com.ar

Comments (0)

Leave a Reply

Your email address will not be published.