Today I Learned - Rocky Kev

TIL Clippy for generating clip-path art

POSTED ON:

TAGS: css generator

Clip-path allows you to define a shape that will determine what parts of your HTML element are shown.

You can use it to create all different kinds of shapes!

There's a tool for creating these shapes in a handy UI called Clippy.

MDN - clip-path

Related TILs

Tagged: css

TIL the alternate keyword

If 'alternate' appears along with the stylesheet keyword, the linked file is an alternative stylesheet. It won’t be applied to the document, but it will be ready for when we need it.

TIL Logical Properties

For that sweet sweet Internationalization you want to avoid directional words like 'left', 'right', 'top', and 'bottom'.

TIL Using pseudo-classes in your querySelector!

let notTuna = document.querySelectorAll('.sandwich:not(.tuna)')