Level Up Your CSS Animation Skills
Level Up Your CSS Animation Skills, available at $44.99, has an average rating of 4.55, with 32 lectures, based on 451 reviews, and has 25530 subscribers.
You will learn about Building an animated landing page Stand out with an animated hero header Hover, touch and button animations Create scroll and parallax animations Build your very own animated carousel Explore responsive animations Assembling your own animated web pages Includes pre-built examples to get started quickly This course is ideal for individuals who are Web designers and developers or Anyone who wants to build amazing animated web sites and apps! It is particularly useful for Web designers and developers or Anyone who wants to build amazing animated web sites and apps!.
Enroll now: Level Up Your CSS Animation Skills
Summary
Title: Level Up Your CSS Animation Skills
Price: $44.99
Average Rating: 4.55
Number of Lectures: 32
Number of Published Lectures: 32
Number of Curriculum Items: 32
Number of Published Curriculum Objects: 32
Original Price: $129.99
Quality Status: approved
Status: Live
What You Will Learn
- Building an animated landing page
- Stand out with an animated hero header
- Hover, touch and button animations
- Create scroll and parallax animations
- Build your very own animated carousel
- Explore responsive animations
- Assembling your own animated web pages
- Includes pre-built examples to get started quickly
Who Should Attend
- Web designers and developers
- Anyone who wants to build amazing animated web sites and apps!
Target Audiences
- Web designers and developers
- Anyone who wants to build amazing animated web sites and apps!
Bring animation to your websites and stand out from the rest. By the end of this course you’ll have the skills and confidence to build impressive animated landing pages.
Through almost 4 hours of high quality video lessons, I’ll guide you through building animated hover and button animations, activate animations on scroll, make use of parallax animations, responsive animations and more.
Each section includes fully working examples that you can apply to real-world projects. Learn practical skills you can apply to future work.
The perfect primer for anyone who’s looking to add animations to their websites. It was the perfect balance of theory and practical examples and I recommend it highly.
– Andrew Clarke, Author of Hardboiled Web Design
Now is the time to learn CSS animation
As browsers (including mobile) continue to get more powerful, we have more opportunities than ever to bring animation into our designs. At the same time, quality user experience is a massive differentiating factor for web and app-based businesses.
Adding the right animation to your designs will help your sites and apps shine and help your apps stand out from the rest.
Who this course is for
You want to delight and amaze your visitors, and make your websites stand out from the rest. You want to use animation not just to wow, but also to help make your sites more useful, polished and professional. You’re already creating websites but you want to take your knowledge to the next level. This is the course for you. This course will give you the practical tools you need to bring animation to your projects.
This is a video course full of real downloadable code examples. You’ll be able to take the knowledge, as well as the real working code, to your projects and make sure they stand out.
Learn by doing
Most courses concentrate only on the theory. In this course we’ll create a practical example landing page, step by step. Over 6 modules of practical, hands-on lessons, we’ll create real examples of animation you can use on your own projects.
Help and inspiration
Not only do you get a load of practical, useful starting projects in this course, you can also head over to CSSAnimation.rocks for more, and even sign up to a weekly newsletter packed full of tutorials, inspiration and tips for animating on the web.
– Donovan
Course Curriculum
Chapter 1: Build an animated hero header
Lecture 1: Hero header?
Lecture 2: Animating the background
Lecture 3: Introducing the titles
Lecture 4: Adding a scroll cue
Lecture 5: Simplifying keyframes
Lecture 6: Waiting till the content is ready
Lecture 7: Examples to download
Chapter 2: Touch and hover animations
Lecture 1: Introducing touch and hover animations
Lecture 2: Animating links
Lecture 3: Animating tooltips
Lecture 4: Revealing content on hover
Lecture 5: Animating buttons
Lecture 6: Examples to download
Chapter 3: Scroll and parallax animations
Lecture 1: Introducing scroll animations
Lecture 2: Animating content on scroll
Lecture 3: Animating a slide-in banner
Lecture 4: Parallax scrolling
Lecture 5: Mouse-leave animation
Lecture 6: Examples to download
Chapter 4: Animated carousel
Lecture 1: Carousels
Lecture 2: Carousel HTML
Lecture 3: Carousel CSS
Lecture 4: Setting up the JavaScript
Lecture 5: Making it work
Lecture 6: Finishing touches
Lecture 7: Examples to download
Chapter 5: Adjusting animations to screen sizes
Lecture 1: Responsive animations
Lecture 2: Resizing animations using font-size
Lecture 3: Percentages and viewport units
Lecture 4: Landscape vs portrait
Chapter 6: Congratulations!
Lecture 1: Next steps and inspiration
Lecture 2: Thanks, and stay in touch!
Instructors
-
Donovan Hutchinson
Front-end web developer and animator
Rating Distribution
- 1 stars: 6 votes
- 2 stars: 11 votes
- 3 stars: 47 votes
- 4 stars: 143 votes
- 5 stars: 244 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Best Emotional Intelligence Courses to Learn in March 2025
- Best Time Management Courses to Learn in March 2025
- Best Remote Work Strategies Courses to Learn in March 2025
- Best Freelancing Courses to Learn in March 2025
- Best E-commerce Strategies Courses to Learn in March 2025
- Best Personal Branding Courses to Learn in March 2025
- Best Stock Market Trading Courses to Learn in March 2025
- Best Real Estate Investing Courses to Learn in March 2025
- Best Financial Technology Courses to Learn in March 2025
- Best Agile Methodologies Courses to Learn in March 2025
- Best Project Management Courses to Learn in March 2025
- Best Leadership Skills Courses to Learn in March 2025
- Best Public Speaking Courses to Learn in March 2025
- Best Affiliate Marketing Courses to Learn in March 2025
- Best Email Marketing Courses to Learn in March 2025
- Best Social Media Management Courses to Learn in March 2025
- Best SEO Optimization Courses to Learn in March 2025
- Best Content Creation Courses to Learn in March 2025
- Best Game Development Courses to Learn in March 2025
- Best Software Testing Courses to Learn in March 2025