سایه چهار رنگ کریستال لاکچری کوین 603

#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 روز گذشته", "👀 +431 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 57 نفر" ]; 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 روز گذشته", "👀 +584 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 72 نفر" ]; 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 روز گذشته", "👀 +511 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 111 نفر" ]; 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 روز گذشته", "👀 +563 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 100 نفر" ]; 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 روز گذشته", "👀 +540 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 78 نفر" ]; 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 روز گذشته", "👀 +489 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 96 نفر" ]; 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 روز گذشته", "👀 +516 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 108 نفر" ]; 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); });