CSS

Mousing over an element and watching it tilt in 3D space is a beautiful and compelling effect. Let’s bring it to mobile and use the phone itself rather than a cursor.

A context menu is like a tooltip in that it opens right next to the the thing that opened it. Here, we animate the opening and ensure it opens somewhere where it doesn’t get cut off.

There is a way to declare a scope on a specific selector, a specific selector *down to* another selector, or with no

The `!important` part doesn’t become part of the value, the whole declaration is treated as !important;

Fixed and sticky positioning behave very differently, but we can switch between the two at exact points for some unusual looking effects.

There are no browser implementations of mixins yet, nor a fleshed out spec. So perhaps now is the best time to try to understand and opine.

Banger page from the Chrome DevRel team showcasing the incredible year CSS had.

What if you could make a card like a 3D portal, with layers of depth? You probably should just click to see, it’s a very compelling look.

It maintains space for where a scrollbar would be, whether there actually is one or not. But do you always want that?

It’s already quite impressive you can build a carousel with no JS at all (in Chrome, for now, anyway) and with some checkbox-hack stuff we can control dynamically what is shown.