CSS Locks

The Math of CSS Locks

A CSS lock is a Responsive Web Design technique that lets you transition smoothly between two values, depending on the current viewport size, rather than jump straight from one value to the other.

Flexible Typography with CSS Locks

This formula is about more than line-height or font-size. This formula is a way of dynamically calculating any value between two extremes, relative to another set of extreme values — independent from media query breakpoints.

A totally new-to-me technique. I’m glad there are CSS geeks out there to figure this stuff out for me to use ;-)

Filed under