Pens from Tom Keays https://codepen.io/tomkeays/ en nospam@codepen.io Copyright 2024 2024-01-14T23:42:08-07:00 Nested Dark Mode via CSS Inheritance https://codepen.io/tomkeays/pen/bGZgdxr https://codepen.io/tomkeays/pen/bGZgdxr Tom Keays

See the Code - See it Full Page - See Details

Example derived from "[Nested Dark Mode via CSS Proximity](https://jwdallas.com/posts/nesteddarkmode/)" by Jonathan Dallas.

]]>
Nested Dark Mode via CSS Inheritance 2024-01-14T23:42:08-07:00
line-clamp demo https://codepen.io/tomkeays/pen/bGOKLmo https://codepen.io/tomkeays/pen/bGOKLmo Tom Keays

See the Code - See it Full Page - See Details

]]>
line-clamp demo 2023-09-28T23:19:17-07:00
Spinning Diagrams with CSS https://codepen.io/tomkeays/pen/qBJXgqv https://codepen.io/tomkeays/pen/qBJXgqv Tom Keays

See the Code - See it Full Page - See Details

Example from "Spinning Diagrams with CSS" by Harold Cooper https://x.st/spinning-diagrams-with-css/

]]>
Spinning Diagrams with CSS 2023-04-30T18:09:08-07:00
object-view-box https://codepen.io/tomkeays/pen/vYzZZry https://codepen.io/tomkeays/pen/vYzZZry Tom Keays

See the Code - See it Full Page - See Details

Example from https://blog.logrocket.com/guide-css-object-view-box/ Support still a bit weak - just Chromium: https://caniuse.com/?search=object-view-box

]]>
object-view-box 2023-03-05T01:20:23-07:00
Animating Grid Columns https://codepen.io/tomkeays/pen/abjeBPB https://codepen.io/tomkeays/pen/abjeBPB Tom Keays

See the Code - See it Full Page - See Details

Based on this article: https://css-tricks.com/animating-css-grid-how-to-examples/

]]>
Animating Grid Columns 2023-02-10T23:44:30-07:00
Another hexagon grid https://codepen.io/tomkeays/pen/yLqEEqe https://codepen.io/tomkeays/pen/yLqEEqe Tom Keays

See the Code - See it Full Page - See Details

]]>
Another hexagon grid 2023-01-27T21:25:20-07:00
A Pen by Tom Keays https://codepen.io/tomkeays/pen/dyjKKOV https://codepen.io/tomkeays/pen/dyjKKOV Tom Keays

See the Code - See it Full Page - See Details

]]>
A Pen by Tom Keays 2023-01-27T20:58:30-07:00
Auto-fill grid with aspect-ratio sizing https://codepen.io/tomkeays/pen/RwBpvZY https://codepen.io/tomkeays/pen/RwBpvZY Tom Keays

See the Code - See it Full Page - See Details

]]>
Auto-fill grid with aspect-ratio sizing 2023-01-10T21:18:15-07:00
Responsive Typography Sass Formula https://codepen.io/tomkeays/pen/oNyxpNB https://codepen.io/tomkeays/pen/oNyxpNB Tom Keays

See the Code - See it Full Page - See Details

]]>
Responsive Typography Sass Formula 2022-11-03T00:57:30-07:00
Nutshell Annotations https://codepen.io/tomkeays/pen/oNdjXRm https://codepen.io/tomkeays/pen/oNdjXRm Tom Keays

See the Code - See it Full Page - See Details

]]>
Nutshell Annotations 2022-09-06T21:00:24-07:00