HTML Academy
  • HTML Academy
  • Courses
  • Courses
  • For schools
  • Advanced Courses
    • Regular expressions
    • Template Engine
    • Design systems
    • CSS-animation
    • Algorithms and Data Structures
    • TypeScript, part 1. Type theory
  • Sign up
  • Log in
  • Home
  • Interactive courses
  • Dynamic effects
  1. 2D Transforms beta0/32
  2. Smooth transitions beta0/29
  3. Animations beta0/31

Chapter 1: 2D Transforms

29 tasks and 3 challenges   beta

We will rotate, skew, move, reduce, and enlarge objects as well as blow them up with fireballs, teleport them, and use telekinesis. And, of course, we will take a look at some cool techniques for using transforms to create decorative effects.

Get access
Moving objects horizontally Task
Moving objects vertically Task
Fireball training Task
Increasing and decreasing the size Task
Defending the city Task
The beginning of the journey Task
The maze Task
The battle, part 1 Task
The battle, part 2 Task
Test: The mysterious card Challenge
The battle, part 3 Task
Test: The shattered crystal Challenge
The final battle Task
Features of transform-origin, part 1 Task
Features of transform-origin, part 2 Task
Features of transform-origin, part 3 Task
Features of transform-origin, part 4 Task
Centering with transform: translate Task
Rotating the text in blocks Task
Rotating the text in the background Task
Custom shadows Task
On-hover effects: buttons, part 1 Task
On-hover effects: buttons, part 2 Task
On-hover effects: buttons, part 3 Task
On-hover effects: the gallery Task
The “stack” of cards Task
Preparing the round menu Task
Round menu, step 1 Task
Round menu, step 2 Task
Round menu, step 3 Task
The round menu, final part Task
Test: Arranging the cards Challenge

Cookies ∙ Privacy ∙ License Agreement ∙ About ∙ Contacts ∙ © HTML Academy OÜ,2019−2023

VISAMastercard

Log in

or

Forgot your password?

Sign up

Sign up

or
Log in

Restore access

Have you forgotten your password or lost access to your profile? Enter your email connected to your profile and we will send you a link to restore access.

Forgot to connect your email to the profile? Email us and we’ll help.

We are using cookies to gather information which will help you use our website most effectively. You can read about this here or disable this feature if you want. By continuing to browse the site, you agree to our use of cookies.