CSS3 Convoyeur effet de bande

dire que j'ai ceci:CSS3 Convoyeur effet de bande

<ul id="belt"> 
    <li class="plate">First item here</li> 
    <li class="plate">Second item here</li> 
    <li class="plate">Third item here</li> 
    <li class="plate">Fourth item here</li> 
</ul>

Comment puis-je utiliser CSS3 pour faire une bande transporteuse à défilement lisse comme effet, où la liste défile vers le haut, et le dernier élément est suivi par le premier élément sur la liste, comme une bague ...?

Source

2011-07-26 Abhishek

Je pense que vous aurez besoin de javascript aussi, parce que vous devez ajouter/déplacer le premier élément au bas de la liste si vous le faites défiler – Fender

Oui, vous avez raison ... Soupir ... – Abhishek

Pour un belle solution basée sur JS, vous pouvez consulter [JQuery Tools Scrollable] (http://flowplayer.org/tools/). – sscirrus

Vous ne pouvez pas. Pas en css pur (3 ou autre).

Vous pouvez le faire en javascript cependant.

Source

2011-07-26 07:10:28 Ariel

Je ne sais pas ... Si vous avez ajouté quelques éléments redondants, je pense que vous pourriez probablement obtenir l'effet avec les animations div et CSS imbriquées. (malheureusement pas sémantique, mais eh bien, ça serait fait) – Nightfirecat

Ouais, tu as raison ... J'ai trouvé une solution JS pure sur un autre site ... Soupir ... – Abhishek

@Abhishek Je te suggère Pour faire cela avec BOSS javascript et CSS3, en utilisant CSS3 pour animer et JS pour réorganiser les éléments. L'utilisation du Javascript pur pour les animations est tellement 90s. – zatatatata

CSS3 Convoyeur effet de bande

Répondre

Questions connexes