Anasayfa: Revizyonlar arasındaki fark
Portal OYUN sitesinden
More actions
Değişiklik özeti yok |
|||
1. satır: | 1. satır: | ||
<style> | |||
.slider { | |||
width: 100%; | |||
overflow: hidden; | |||
position: relative; | |||
} | |||
.slider-wrapper { | |||
display: flex; | |||
animation: slide 10s infinite; | |||
} | |||
.slider-wrapper div { | |||
flex: 0 0 100%; | |||
text-align: center; | |||
padding: 30px; | |||
background: #f5f5f5; | |||
border: 1px solid #ccc; | |||
} | |||
@keyframes slide { | |||
0% { transform: translateX(0); } | |||
33% { transform: translateX(-100%); } | |||
66% { transform: translateX(-200%); } | |||
100% { transform: translateX(0); } | |||
} | |||
</ | </style> | ||
== | <div class="slider"> | ||
<div class="slider-wrapper"> | |||
<div>🔥 GTA Wiki'ye Hoş Geldiniz!</div> | |||
<div>🎮 Fortnite Rehberini Keşfet</div> | |||
<div>🧙♂️ Zelda Evreninde Macera</div> | |||
</div> | |||
</div> |
08.50, 22 Temmuz 2025 tarihindeki hâli
<style> .slider {
width: 100%; overflow: hidden; position: relative;
}
.slider-wrapper {
display: flex; animation: slide 10s infinite;
}
.slider-wrapper div {
flex: 0 0 100%; text-align: center; padding: 30px; background: #f5f5f5; border: 1px solid #ccc;
}
@keyframes slide {
0% { transform: translateX(0); } 33% { transform: translateX(-100%); } 66% { transform: translateX(-200%); } 100% { transform: translateX(0); }
} </style>