Partage
  • Partager sur Facebook
  • Partager sur Twitter

SLID

    22 avril 2018 à 0:29:35

    bonsoir a tous, svp, j'aimerais savoir quelque chose, je voudrais faire des animations sur un slid par exple le l'apparition d'image aucour du slide comme ceci : http://www.asid94.fr/, mais je sais pas comment m'y prendre, le slid en lui meme ne pose aucun probleme mais c'est au niveau de l'apparition et la disparition des images que j'arrive pas; j'ai fait quelques recherche et j'ai vue que je pouvais faire ca avec le javascript, mais je sais vraiment pas quel propriété utilisé ; voici ce que j'ai fait : 
    .slider
    {
    	width: 1080px;
    	overflow:hidden;
    	position:absolute;
    	left: 260px;
    }
    
    .slides
    {
      width: 3240px;
      animation: slid  20s ease-in infinite;
    }
    .slide-img
    {
      width: 100%;
    }
    .slide
    {
      float: left;
    }
    
    @-webkit-keyframes slid
    {
    	0%{transform: translateX(0px);}
    	33%{ transform: translateX(-1080px);}
    	66%{transform:translateX(-1080px);}
    	80%{transform:translateX(-2160px);}
        100%{ transform: translateX(0px);}
    }

    -
    Edité par UlrichGamer 22 avril 2018 à 0:44:43

    • Partager sur Facebook
    • Partager sur Twitter

    SLID

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown