Learn CSS Animations

Learn CSS Animations

This course is part of multiple programs.

Instructor: Per Harald Borgen

Included with

Learn more

1 module

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

3 hours to complete

Flexible schedule

Learn at your own pace

1 module

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

3 hours to complete

Flexible schedule

Learn at your own pace

What you'll learn

You'll learn how to define and time animations for your websites and web apps.
You'll learn how to add and customize transitions for your CSS animations.

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

1 assignment

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is available as part of

When you enroll in this course, you'll also be asked to select a specific program.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There is 1 module in this course

Are you eager to acquire a comprehensive grasp of CSS animations and harness the ability to apply them effectively in practical, real-world scenarios? If so, this is the perfect opportunity!

In the span of two hours, you will gain a foundational comprehension of the CSS properties instrumental in crafting animations. This course equips you with the expertise to construct user-friendly animations while ensuring cross-browser compatibility. Throughout the course, you will encounter challenges replete with real-world instances, mirroring the scenarios routinely encountered by developers. These exercises serve as invaluable opportunities to practically assess and reinforce your newfound knowledge.

Embark on a journey to cultivate a foundational comprehension of the CSS properties instrumental in crafting animations.

What's included

1 assignment26 plugins

1 assignment Total 30 minutes

Test your knowledge! 30 minutes

26 plugins Total 122 minutes

Welcome to the course! 5 minutes
Welcome to interactive lessons! 1 minute
Project Navigation 2 minutes
What are Transitions? 2 minutes
Adding Transitions 6 minutes
Customizing Transitions 6 minutes
Transition Shorthand 4 minutes
Transition Challenge 4 minutes
Real-World Transitions Challenge: Menu 5 minutes
Animations in Action 2 minutes
Defining Animations 8 minutes
Animations: Timing 4 minutes
Animations: Other Properties 7 minutes
Animation Shorthand 4 minutes
Animation Challenge 3 minutes
Real-World Animations Challenge: Landing Page 7 minutes
Introduction to Transforms & Scaling 7 minutes
Translation 5 minutes
Rotation 4 minutes
Skew (3D Rotation) 1 minute
Transform Challenge 5 minutes
Real-World Transforms Challenge: Logo 9 minutes
Prefixes 6 minutes
CSS Variables 5 minutes
Custom Timing Functions 9 minutes
Congratulations on Completing Learn CSS Animations 🤩 1 minute

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Per Harald Borgen

Scrimba

17 Courses 60,862 learners

Offered by

Scrimba

Explore more from Software Development

Packt
Real-World Projects & Advanced Animations
Course
Scrimba
CSS Practice Questions
Course
University of California, Davis
Beyond Basic CSS: Typography, Color, Effects, & Animation
Course
University of California, Davis
Animation with JavaScript and jQuery
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.