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 »
CSS Weekly YouTube Channel

CSS Weekly YouTube Channel

Weekly hands-on tutorials, tips, tools, news, and more — everything related to CSS and front-end development, created by Zoran Jambor.

Subscribe Today »