Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Create a Fullscreen Slider with CSS

Gísli Guðmundsson
Gísli Guðmundsson
2,640 Points
Posted by Gísli Guðmundsson
Gísli Guðmundsson
2,640 Points

How can I play through the sliders automatically and set delay for i.e 10sec.

I have created this and it is awesome, is there a way to play the sliders automatically with out selecting the link each time. It would be great to set a timer to for example 10 seconds between slides.

1 Answer

Pete Cass
Pete Cass
16,656 Points

I haven't watched the tutorial but have made something similar in the past using css animations. You can animate the opacity property and set the animation duration to whatever you want. There's some great content in css : beyond the basics. I used pure css to make this :

http://www.petecss.com/the_design_nomad/

Gísli Guðmundsson
Gísli Guðmundsson
2,640 Points
Gísli Guðmundsson
Gísli Guðmundsson
2,640 Points

This is exacly what I am looking for, where do I get the CSS tutorial ?