CODEWITHSUNDEEP
css
Bagzli
Bagzli

Reputation: 6569

Sliding images with css endlessly

I would like to achieve an image slider that rotates infinitely but only use css. I was hoping I can maybe achieve that with webkits.

Here is an example of what I want the end result to look like: http://www.team-dignitas.net/

Look at the sponsors, the images are going to the left and its an endless loop. They've done with carousel jquery but I want to get that achieved with css. Is it possible? Does anyone has a guide I can look at to accomplish this?

What I tried: http://jsfiddle.net/3k4cJ/

html

Upvotes: 0

Views: 135

Answers (1)

skozz
skozz

Reputation: 2720

You need https://github.com/jsor/jcarousel is exactly the one used in this web (https://www.dropbox.com/s/rgrif1ougt48z87/Screenshot%202014-01-27%2001.41.29.png). This demo's web it's down right now, but you can download the source code from Github and try it in your computer.

But if you want pure css would be better for you learn the basics concepts of CSS3 animations. This post is really good for that http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/ and use the same example "CSS3 Cycle Image Slider"

Option 2: http://www.alessioatzeni.com/CSS3-Cycle-Image-Slider/#

Option 3: http://codepen.io/zuraizm/pen/vGDHl

Option 4: http://benschwarz.github.io/gallery-css/

Upvotes: 3

Related Questions