Enable *NEW* CSS Transitions Behavior

VideoZoran Jambor

Find out how to enable new CSS transitions behavior that allows you to transition to intrinsic sizing keywords.

Find out how to enable new CSS transitions behavior that allows you to transition to intrinsic sizing keywords like "height: auto;" and how calc-size() implementation changed.

Chapters

  • 00:00 What calc-size() function does
  • 00:28 Update on single-argument form for calc-size()
  • 01:22 How two-argument form of calc-size() works
  • 02:11 Why one-argument for of calc-size() no longer works
  • 02:51 How interpolate-size property works
  • 03:42 How to enable new CSS Transitions behavior on the entire page
  • 04:20 When to use calc-size() and when interpolate-size
  • 04:41 Browser support for calc-size() and interpolate-size

Demo

Links

Mastering Linting

Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »
Baseline Status for Video

Baseline Status for Video

A handy online tool that will let you easily show Baseline Status in your videos.

Try It Now »