https://talitamenezes.com Talita Menezes Tue, 02 Jul 2019 04:03:47 +0000 https://talitamenezes.com en https://talitamenezes.com/Front-Page Tue, 02 Jul 2019 04:03:47 +0000 Talita Menezes https://talitamenezes.com/Front-Page <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/36dd0e6670e63c8a5065da764d934985195dfce18c54eb57226d449fff7c616d/MUSICA_GIF_3.gif" data-mid="251851695" border="0" src="https://freight.cargo.site/w/1000/i/36dd0e6670e63c8a5065da764d934985195dfce18c54eb57226d449fff7c616d/MUSICA_GIF_3.gif" /> <img width="2388" height="1668" width_o="2388" height_o="1668" data-src="https://freight.cargo.site/t/original/i/7f311bb2397e76377f9ebfac1e7aa7049811bec00842de5330a288ecfe711ccb/IMG_7372.GIF" data-mid="251855212" border="0" src="https://freight.cargo.site/w/1000/i/7f311bb2397e76377f9ebfac1e7aa7049811bec00842de5330a288ecfe711ccb/IMG_7372.GIF" /> img { position: fixed !important; height: auto !important; transition: opacity 1.5s ease; transform-style: preserve-3d; } /* ========================= IMAGE 4 ========================= */ img:nth-of-type(1) { width: 480px !important; max-width: 480px !important; } /* ========================= IMAGE 7 — 20% BIGGER ========================= */ img:nth-of-type(2) { width: 1152px !important; max-width: 1152px !important; } setTimeout(function() { var images = document.querySelectorAll("img"); /* ========================= IMAGE 4 — SLOWER ========================= */ function move4() { /* Fade out */ images[0].style.opacity = "0"; setTimeout(function() { /* Random position */ images[0].style.left = (25 + Math.random() * 40) + "vw"; images[0].style.top = (5 + Math.random() * 45) + "vh"; /* Random slight rotation */ images[0].style.transform = "rotate(" + (Math.random() * 20 - 10) + "deg)"; /* Fade in */ images[0].style.opacity = "1"; }, 1500); } /* ========================= IMAGE 7 ========================= */ function move7() { /* Fade out */ images[1].style.opacity = "0"; /* * Wait for fade out */ setTimeout(function() { /* Random position */ images[1].style.left = (20 + Math.random() * 50) + "vw"; images[1].style.top = (5 + Math.random() * 50) + "vh"; /* Random slight Z rotation */ var zRotation = Math.random() * 20 - 10; /* * Randomly choose: * * rotateX(180deg) * OR * rotateY(180deg) */ if (Math.random() < 0.5) { images[1].style.transform = "rotateX(180deg) rotateZ(" + zRotation + "deg)"; } else { images[1].style.transform = "rotateY(180deg) rotateZ(" + zRotation + "deg)"; } /* Fade in */ images[1].style.opacity = "1"; /* * Stay at 100% opacity * for 2 seconds */ setTimeout(function() { move7(); }, 2000); }, 1500); } /* ========================= START ========================= */ move4(); move7(); /* ========================= IMAGE 4 TIMING ========================= */ setInterval(move4, 4500); /* ========================= HOVER ========================= */ images[0].onmouseenter = move4; }, 500);