Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Start a free Courses trial
to watch this video
![](https://videos.teamtreehouse.com/stills/TH-PureCSSUIPatterns-FullScreenSlider-stills-5.jpg?token=69969dc3_b979bf6d21fc2771997d1519a4b51b466f56704c)
- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
Learn to create a fullscreen horizontal slider, or image carousel, using pure CSS. Image carousels are a popular pattern in web design, and there are hundreds of jQuery plugins you can use to create them. This workshop will demonstrate that HTML and CSS are more than capable of handling the task.
Fork this workspace to follow along.
Quick Reference
Related Videos
-
CSS Selectors - Treehouse course
- Element States Pseudo-Classes
-
Child, Adjacent, and General Sibling Combinators
- Substring Matching Attribute Selectors
Pure CSS Horizontal Slider - CodePen
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up-
Rana Dugal
9,506 Points4 Answers
-
Carolyn DeHass
5,434 Points1 Answer
-
Scott Hofmann
1,733 Points1 Answer
-
mohammed mayat
4,228 Points1 Answer
-
Guilherme Sa
185 PointsAround 10:24 into the video when styling the .slide class, .slide covers 100% of its parent container + is hidden
Posted by Guilherme SaGuilherme Sa
185 Points0 Answers
-
Zubair Siddique
4,889 Points1 Answer
-
Paul Jackson
8,943 Points2 Answers
-
Jim McQuarrie
10,597 Points0 Answers
-
mariettagordon
4,428 Points2 Answers
-
Hayley Adhofer
3,451 Points1 Answer
-
Faraz Hasan
4,596 PointsIs there any way to get the finished code in text format without having to type it out?
Posted by Faraz HasanFaraz Hasan
4,596 Points1 Answer
-
Ary de Oliveira
28,298 Points4 Answers
-
Ary de Oliveira
28,298 Points0 Answers
-
Santiago Lopez
3,446 Points0 Answers
-
Gísli Guðmundsson
2,640 Points1 Answer
-
Tiffany McAllister
25,806 Points3 Answers
View all discussions for this video
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up