Le défilement automatique avec CSS

Dans mon site web [basée sur wordpress] , j'ai un projet curseur (techniquement image avec du texte) . Mais que le curseur n'est pas le défilement automatique , il y a un bouton pour faire glisser à gauche et à droite .

http://i47.tinypic.com/97uxz4.jpg

Je veux enlever ce bouton et faites glisser auto . Je ne veux pas utiliser de javascript . Je veux accomplir avec les CSS . Est-il possible, si oui, alors comment ?

Si il n'est pas possible, quel est le plus court possible solution pour ce faire ,
Voici mon site de travail

http://aniyanetworks.net/Blog

Vous peut-être pouvez utiliser animations: developer.mozilla.org/en-US/docs/CSS/Tutorials/...
Si vous ne voulez pas n'importe quel utilisateur à tous les contrôles, les animations CSS3 pourrait fonctionner dans les navigateurs modernes. Je ne sais pas quel est le problème avec JavaScript, cependant.
pour être honnête , je ne suis pas bon avec JS 🙁
Temps de changer cela. 🙂 jQuery rend très intuitif, relativement parlant.
hors-sujet:je connais les principes de base de JS , maintenant, Si je apprendre jquery , puis-je éviter le JS ?

OriginalL'auteur Shuvro Shuvro | 2013-03-18

  1. 2

    Voici un exemple (Violon) de l'aide animations. Vous pourriez demander à votre .post-list:

    .post-list {
    animation: slide infinite 3s alternate;
}

@keyframes slide {
  0% {
    margin-left: 0px;
  }
  50% {
    margin-left: -100px;
  }
  100% {
    margin-left: -200px;
  }
}

    Pour désactiver l'animation sur le vol stationnaire, utilisation:

    .post-list:hover {
    animation-play-state: paused;
}

    N'oubliez pas le vendeur préfixes (-webkit-... et ainsi de suite) comme dans Allendars réponse.

    Mais bien sûr, vous aurez à jouer. Ce devrait juste être un soupçon de comment ça pourrait fonctionner.

    Merci, qu'est-ce que @keyframes?
    C'est css3 animations. J'ai déjà postet un lien où vous pouvez obtenir des informations dans le premier commentaire à votre question.
    Votre Violon est incomplète Linus, veuillez la mettre à jour afin d'indiquer la référence de l'animation au moins. Pour plus de détails, veuillez consulter ma réponse, c'est une version de travail.
    Vous vouliez dire, le code peut répondre, non? Mon violon travaillait déjà.
    Neutre animation ne semble pas fonctionner dans Safari. Je pense que j'ai mal jugé fondé sur ce fait. Code semble fonctionner avec le pseudo supplémentaires de style 🙂

    OriginalL'auteur Linus Caldwell

  2. -3

    Vous ne pouvez pas être en mesure de faire beaucoup d'animation avec les css. JavaScript est le chemin à parcourir. Je suis aussi en train d'essayer d'obtenir le coup de lui... Goodluck pour vous.

    C'est faux, vous pouvez faire beaucoup de choses, regarde dans les transitions et les transformations 3d
    LOL... je sais mieux maintenant. Merci

    OriginalL'auteur Emmanuel Olonade