A middle-level interface designer knows how to bring interactive elements to life with animations. In the first part of the course, you will learn how to make CSS animations of any complexity: micro-animations, animations without user interaction, animations based on mouse movement and on scroll.

Required knowledge: HTML, CSS, JavaScript

Flexible timing: start now and move comfortably

Start for $159

The course will help you gain a sought-after skill and increase your value in the market as a specialist

After completing the course, you will gain a sought-after skill and be able to:

Improve the user experience of interacting with your interfaces

Make animations on hover, scroll or mouse movements

Realize the ideas of designers and make modern animations

Add both simple micro-animations and complex animations

CSS-animations on the Frontend Developer Competency Map

The skill of CSS animations is essential for the middle frontend developer in the market.

After completing the course you will be able to:

Independently add micro-animations of any level to the project

Collect complex animations: loaders, Ken Burns effect, etc.

Add animations dependent on mouse movement --- such as parallax

Change the position of elements and their visibility on scroll

Course program

With each section, the tasks become more difficult.

Section 1

Animation Basics

Section 2

CSS-animations on hover

Section 3

@keyframes CSS Rule and Animation CSS Property Group

Section 4

Animations with user interaction

Section 5

3D in CSS and parallax effect

Section 6

Performance of CSS Animations

Раздел 7

Итоговый раздел

How is the course going?

The course involves self-study of the material in a comfortable mode for you. You can start learning right now.

The program is divided into modules, each of which allows you to gradually master the skill from simple basics to complex subtleties.

Each module consists of:


Structured information needed to master a part of a skill


Examples of solving typical problems that will allow you to understand how theory turns into real practice

Practical task

For self-consolidation of the received theory. For each task, after completing it, you will receive a step-by-step solution to compare it with your own and make sure that it was completed correctly


For the final fixing of the material. It will allow you to make sure that you have learned everything exactly and you can move on.

To developers from developers

Made for developers who have little time to learn. On each course you will receive:


Links theory to typical tasks in the market. You will have an understanding of where and how to apply the resulting theory.


Built from simple to complex. You can easily immerse yourself in the topic, even if you didn’t know anything about it before.


Up-to-date and updated theory, tested by the market. No "water" - you will receive only the necessary knowledge.


Created around each course. It will help you answer questions and deepen your knowledge.

The community of each course consists of authors, experienced developers, and students who have taken or are taking this course.
The community not only helps in mastering the material, but also constantly makes the course better.

It suits you if:

You want to earn more or change jobs, but you don’t know in which direction to develop.

You want to learn a specific skill but don't know how

You do not want to waste time searching for relevant information on the topic

You need a specific teaching methodology and only the necessary information

You want to make sure that the acquired knowledge is learned in practice

We have experience, research and methodology on our side

An experience

We have been building a relationship with the commercial development market for 9 years. We train beginner developers and see how they become experienced specialists.


Before launching a course, we make sure that it provides a sought-after professional skill.


We communicate with the web developer community and therefore understand how to teach. We minimize the time from studying the theory to solving typical problems.

What the developers say

Start «CSS-animation» course