Level Up Your CSS Animation Skills
Offered By: YouTube
Course Description
Overview
Syllabus
1.1: Build an animated hero header.
1.2: Animating the background.
1.3: Introducing the titles.
1.4: Adding a scroll cue.
1.5: Simplifying keyframes.
1.6: Waiting till the content is ready.
1.7: Animated Hero Header Examples to download.
2.1: Touch and hover animations.
2.2: Animating Links.
2.3: Animated tooltips.
2.4: Revealing content on hover.
2.5: Animating buttons.
2.6: Downloads: Touch and hover animation examples.
3.1: Scroll Animations.
3.2: Animating content on scroll.
3.3: Animating a slide-in banner.
3.4: Parallax Scrolling.
3.5: Mouse-leave animation.
3.6: Download examples: Scroll animations.
4.1: Carousels.
4.2: Carousel HTML.
4.3: Carousel CSS Styling.
4.4: Carousel JavaScript (Setting it up).
4.5: Making the carousel work (JS/HTML/CSS).
4.6: Carousel finishing touches.
4.7: Carousel examples to download.
5.1: Responsive Animations.
5.2: Resizing animations using font-size.
5.3: Percentages and viewport units.
5.4: Landscape vs portrait.
Taught by
CSS Animation
Related Courses
Mobile Web DevelopmentGoogle via Udacity iDESWEB, Introducción al desarrollo web
MirÃadax Information Design
University of California, San Diego via Coursera Advanced Styling with Responsive Design
University of Michigan via Coursera Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera