Animations & Transforms

Animating and transforming elements.

Transitions
Completion percentage: 84% (9651)
Completion percentage: 84% (9651)

Export
Percents%
CountΣ

CSS Transitions is a module of CSS that lets you create gradual transitions between the values of specific CSS properties. The behavior of these transitions can be controlled by specifying their timing function, duration, and other attributes.

2019

2020

Have used it
Know about it
Never heard of it

Transforms
Completion percentage: 84.1% (9663)
Completion percentage: 84.1% (9663)

Export
Percents%
CountΣ

CSS Transforms is a module of CSS that defines how elements styled with CSS can be transformed in two-dimensional or three-dimensional space.

2019

2020

Have used it
Know about it
Never heard of it
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: Rachel Andrew

My pick is a person, namely Rachel Andrew. She taught CSS Grid to a whole generation of developers.

We asked members of the CSS community to share their “pick of the year”

Sara Soueidan

Independent UI/design engineer

Animations
Completion percentage: 84.1% (9665)
Completion percentage: 84.1% (9665)

Export
Percents%
CountΣ

CSS Animations is a module of CSS that lets you animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their timing function, duration, their number of repetitions, and other attributes.

2019

2020

Have used it
Know about it
Never heard of it

Perspective
Completion percentage: 84.4% (9701)
Completion percentage: 84.4% (9701)

Export
Percents%
CountΣ

The perspective CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.

2020

Have used it
Know about it
Never heard of it