آرزوهای سبحان

سبحان @Sobhan

<div style=" display:flex; justify-content:center; align-items:center; min-height:180px; background:linear-gradient(135deg,#0f172a,#1e293b); border-radius:20px; padding:40px; font-family:'Poppins',Arial,sans-serif; text-align:center; overflow:hidden; " > <h1 style=" margin:0; color:#fff; font-size:clamp(28px,4vw,54px); font-weight:600; line-height:1.5; " > A day without <span style="color:#facc15;">(</span> <span style=" position:relative; display:inline-block; width:180px; height:1.2em; vertical-align:middle; overflow:hidden; " > <span style=" position:absolute; inset:0; color:#38bdf8; font-weight:700; animation:swap1 6s infinite; " > learning </span> <span style=" position:absolute; inset:0; color:#f472b6; font-weight:700; opacity:0; animation:swap2 6s infinite; " > laughter </span> </span> <span style="color:#facc15;">)</span> is a lost day. </h1> </div> <style> @keyframes swap1 { 0%,45%{ opacity:1; transform:translateY(0); } 50%,100%{ opacity:0; transform:translateY(-20px); } } @keyframes swap2 { 0%,45%{ opacity:0; transform:translateY(20px); } 50%,95%{ opacity:1; transform:translateY(0); } 100%{ opacity:0; transform:translateY(-20px); } } </style>