CSS animasyonu kullanarak otomatik kaydırma listesi oluşturmaya çalışıyorum. Şimdi ne varOtomatik kaydırma listesi nasıl oluşturulur
:
.players {
-webkit-transition: opacity 0.5s ease-out;
-webkit-animation: autoScrolling 5s linear infinite;
height: 20em;
}
.players .list-group-item {
height: 5em;
}
@-webkit-keyframes autoScrolling {
from {
margin-top: 0;
}
to {
margin-top: -20em;
}
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
<div class="col-md-6">
<ul class="list-group players">
<li class="list-group-item">Player 1</li>
<li class="list-group-item">Player 2</li>
<li class="list-group-item">Player 3</li>
<li class="list-group-item">Player 4</li>
</ul>
</div>
</div>
Soru olduğunu, bunun üstünden kaybolur iken Oyuncu 1Oynat 4 altında gösteren yapmak mümkündür? Uçtan uca bir daire gibi.
JavaScript çözümü bir seçenektir.
Oyuncu 4 dom öğesinin konumunu kontrol edebilir misiniz ve eğer bir üst konumdaki oyuncu 1 dom öğesini kopyalar ve oyuncu 4'ün altına ekler misiniz? –
Teşekkürler, bu listeyi yapmaktan kaçınmaya çalışıyorum, liste açısal olarak üretildi. Kubbeyi değiştirmek istemediğim bir şeye yol açabilir .. – lastr2d2