ماسک مو کامان مدل Collagen Hair Water حجم 100 میلی لیتر

#dynamic-product-message { overflow: hidden; height: 34px; position: relative; } #product-message-content { display: inline-block; transition: transform 0.4s ease, opacity 0.4s ease; will-change: transform, opacity; font-weight: normal; /* متن دیگه بولد نشه */ font-size: 15px; } .scroll-out { transform: translateY(-100%); opacity: 0; } .scroll-in { transform: translateY(100%); opacity: 0; } .scroll-reset { transform: translateY(0%); opacity: 1; } document.addEventListener("DOMContentLoaded", function () { const messages = [ "🔥 بهترین قیمت در 30 روز گذشته", "👀 +371 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 77 نفر" ]; let index = 0; const msgEl = document.getElementById("product-message-content"); function changeMessage() { msgEl.classList.remove('scroll-reset'); msgEl.classList.add('scroll-out'); setTimeout(() => { msgEl.innerHTML = messages[index]; // استفاده از innerHTML برای رنگ index = (index + 1) % messages.length; msgEl.classList.remove('scroll-out'); msgEl.classList.add('scroll-in'); setTimeout(() => { msgEl.classList.remove('scroll-in'); msgEl.classList.add('scroll-reset'); }, 50); }, 400); } changeMessage(); setInterval(changeMessage, 4000); });

#dynamic-product-message { overflow: hidden; height: 34px; position: relative; } #product-message-content { display: inline-block; transition: transform 0.4s ease, opacity 0.4s ease; will-change: transform, opacity; font-weight: normal; /* متن دیگه بولد نشه */ font-size: 15px; } .scroll-out { transform: translateY(-100%); opacity: 0; } .scroll-in { transform: translateY(100%); opacity: 0; } .scroll-reset { transform: translateY(0%); opacity: 1; } document.addEventListener("DOMContentLoaded", function () { const messages = [ "🔥 بهترین قیمت در 30 روز گذشته", "👀 +380 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 103 نفر" ]; let index = 0; const msgEl = document.getElementById("product-message-content"); function changeMessage() { msgEl.classList.remove('scroll-reset'); msgEl.classList.add('scroll-out'); setTimeout(() => { msgEl.innerHTML = messages[index]; // استفاده از innerHTML برای رنگ index = (index + 1) % messages.length; msgEl.classList.remove('scroll-out'); msgEl.classList.add('scroll-in'); setTimeout(() => { msgEl.classList.remove('scroll-in'); msgEl.classList.add('scroll-reset'); }, 50); }, 400); } changeMessage(); setInterval(changeMessage, 4000); });