merhaba@enkolayreklam.com

Teklif Ver
Bi̇zden Tekli̇f Alın
Buradasınız: Anasayfa / Bi̇zden Tekli̇f Alın
Bi̇zden Tekli̇f Alın
Projeleriniz için bize detaylı bilgi verip fiyat teklifi alabilirsiniz. Lütfen tüm alanları doldurup aklınızdaki projeyi detaylarıyla yazınız
Hoş Geldiniz Keyifli Alışverişler Dileriz Devam Et Sessiz Devam Et .welcome-music-modal{ position: fixed; inset: 0; background: rgba(0, 0, 0, 0.65); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; z-index: 100000; padding: 20px; } .welcome-music-modal.hidden{ display: none; } .welcome-music-box{ width: 100%; max-width: 460px; background: #ffffff; border-radius: 24px; padding: 32px 28px; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,0.25); animation: modalPop .35s ease; } @keyframes modalPop{ from{ opacity: 0; transform: translateY(20px) scale(.96); } to{ opacity: 1; transform: translateY(0) scale(1); } } .welcome-music-icon{ width: 78px; height: 78px; margin: 0 auto 18px; border-radius: 50%; background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 30px; box-shadow: 0 10px 30px rgba(102,126,234,0.35); } .welcome-music-title{ margin: 0 0 10px; font-size: 28px; font-weight: 700; color: #222; } .welcome-music-text{ margin: 0 0 24px; font-size: 15px; line-height: 1.6; color: #666; } .welcome-music-actions{ display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } .welcome-btn{ border: 0; border-radius: 14px; padding: 12px 20px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all .25s ease; min-width: 160px; } .welcome-btn-primary{ background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; box-shadow: 0 10px 24px rgba(118,75,162,0.30); } .welcome-btn-primary:hover{ transform: translateY(-2px); } .welcome-btn-secondary{ background: #f3f4f6; color: #333; } .welcome-btn-secondary:hover{ background: #e5e7eb; } /* PLAYER */ .music-player{ position: fixed; right: 25px; bottom: 25px; z-index: 99999; } .music-control{ width: 58px; height: 58px; border-radius: 50%; background: linear-gradient(135deg, #1f1f1f, #3c3c3c); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 10px 25px rgba(0,0,0,0.25); transition: all .25s ease; position: relative; } .music-control:hover{ transform: scale(1.06); } .music-control.playing{ background: linear-gradient(135deg, #22c55e, #16a34a); } .music-control.playing i{ animation: musicSpin 3.2s linear infinite; } .music-control i{ font-size: 22px; } @keyframes musicSpin{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } .volume-slider-container{ position: absolute; right: 70px; bottom: 9px; width: 140px; background: rgba(20,20,20,0.92); border-radius: 14px; padding: 10px 12px; box-shadow: 0 10px 20px rgba(0,0,0,0.20); opacity: 0; visibility: hidden; transform: translateX(10px); transition: all .25s ease; } .volume-slider-container.show{ opacity: 1; visibility: visible; transform: translateX(0); } #volumeRange{ width: 100%; cursor: pointer; }