Email or username:

Password:

Forgot your password?
Adrian Roselli

In the spirit of sharing this @codepen “∪ of Christmas Traditions” Venn diagram each year since 2018…
codepen.io/aardrian/pen/xQJJRL

Three circles representing Christian, secular, and pagan traditions and showing where the overlap. The linked CodePen  has all the text and is structured.
1 comment
Adrian Roselli

Uses #CSS grid, shape-outside, generated content, print styles, gradients, backgrounds, forced-color support, hover/focus styles, and more. The underlying HTML works well in screen readers (so it’s its own alt text) and even the ‘union’ symbol usually gets announced correctly.

If you want the crunchy bits:
adrianroselli.com/2018/12/a-cs

Go Up