Completed
4.5: Making the carousel work (JS/HTML/CSS)
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Level Up Your CSS Animation Skills
Automatically move to the next video in the Classroom when playback concludes
- 1 1.1: Build an animated hero header
- 2 1.2: Animating the background
- 3 1.3: Introducing the titles
- 4 1.4: Adding a scroll cue
- 5 1.5: Simplifying keyframes
- 6 1.6: Waiting till the content is ready
- 7 1.7: Animated Hero Header Examples to download
- 8 2.1: Touch and hover animations
- 9 2.2: Animating Links
- 10 2.3: Animated tooltips
- 11 2.4: Revealing content on hover
- 12 2.5: Animating buttons
- 13 2.6: Downloads: Touch and hover animation examples
- 14 3.1: Scroll Animations
- 15 3.2: Animating content on scroll
- 16 3.3: Animating a slide-in banner
- 17 3.4: Parallax Scrolling
- 18 3.5: Mouse-leave animation
- 19 3.6: Download examples: Scroll animations
- 20 4.1: Carousels
- 21 4.2: Carousel HTML
- 22 4.3: Carousel CSS Styling
- 23 4.4: Carousel JavaScript (Setting it up)
- 24 4.5: Making the carousel work (JS/HTML/CSS)
- 25 4.6: Carousel finishing touches
- 26 4.7: Carousel examples to download
- 27 5.1: Responsive Animations
- 28 5.2: Resizing animations using font-size
- 29 5.3: Percentages and viewport units
- 30 5.4: Landscape vs portrait
