function revealElements(selector) { var elements = document.querySelectorAll(selector); var windowHeight = window.innerHeight; var elementVisible = 150; elements.forEach(function(element) { var elementTop = element.getBoundingClientRect().top; if (elementTop < windowHeight - elementVisible) { element.classList.add("active"); } else { element.classList.remove("active"); } }); } window.addEventListener("scroll", function() { revealElements(".muncul, .muncul-kiri, .muncul-kanan, .zoom"); }); .goyang-1 { animation-name: goyang1; animation-duration: 3.5s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes goyang1{ 0%{ transform: rotate(0deg) scale(1); } 50%{ transform: rotate(10deg) scale(1.1); } 75%{ transform: rotate(-5deg) scale(1.1); } 100%{ transform: rotate(0deg) scale(1); } } .naik-turun { animation-name: naikturun; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes naikturun { 0% { transform: translate(0px,0px); } 50% { transform: translate(0px,-10px); } 100% { transform: translate(0px,0px); } } .muncul { position: relative; transform: translateY(6rem) scale(0.93); opacity: 0; transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */ } .muncul.active { transform: translateY(0); opacity: 1; } .muncul-kiri { position: relative; transform: translateX(-100%) scale(0.93); opacity: 0; transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */ } .muncul-kiri.active { transform: translateX(0); opacity: 1; } .muncul-kanan { position: relative; transform: translateX(100%) scale(0.93); opacity: 0; transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */ } .muncul-kanan.active { transform: translateX(0); opacity: 1; } .zoom { position: relative; transform: scale(0.5); opacity: 0; transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */ } .zoom.active { transform: scale(1); opacity: 1; }

//* script show-hide by andy dari weddingpress *// document.addEventListener("DOMContentLoaded", function () { var btnAmplop = document.getElementById("btnAmplop"); var btnHide = document.getElementById("btn-hide"); var amplop = document.getElementById("amplop"); // Sembunyikan btn-hide dan amplop saat halaman dimuat btnHide.style.display = "none"; amplop.style.display = "none"; // Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik btnAmplop.onclick = function () { // Menampilkan btn-hide btnHide.style.display = "block"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop amplop.style.display = "block"; }; // Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik btnHide.onclick = function () { // Menyembunyikan btn-hide btnHide.style.display = "none"; // Menampilkan btnAmplop kembali btnAmplop.style.display = "block"; // Menyembunyikan section amplop amplop.style.display = "none"; }; });