Code Examples from my talk Post-Modern CSS
Uncomment out the various background-image properties on the body of this pen to see a variety of ways to use CSS gradients.
CSS Shapes Module Level 1
Make sure you're in a browser that supports the CSS Shapes specification. Then, play with the various shapes in the codepen and admire the text that wraps around my supremely awkward headshot.
There are three simple examples in a collection on CodePen. I'd recommend viewing over there.
Viewport Units and calc()
With a focus on Viewport units USING calc, here's responsive squares and typography and my most popular Pen, The Cover Page. As a note, because of the iFrame, the viewport's size is the size of the white area in the Pen.
Only supported in Safari currently.
Transforms aren't just for animations. Here are a few fun static uses.
Background Blend Mode
Just for fun, really. See what various colors look like with my favorite blend modes.