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

CSS Stickers

CSS Stickers

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »
AI Developer Newsletter

AI Developer Newsletter

A short, friendly roundup of the most useful tools, ideas, and real-world examples—curated specifically for developers like you.

Subscribe Today »