Pens from Keith McKnight https://codepen.io/kmck/ en nospam@codepen.io Copyright 2024 2024-01-19T21:37:19-07:00 Contrasting Color Demo https://codepen.io/kmck/pen/ZEPKPoq https://codepen.io/kmck/pen/ZEPKPoq Keith McKnight

See the Code - See it Full Page - See Details

Chooses white or black as the foreground color depending on which has better contrast against the chosen background color. If both colors meet the 1:4.5 contrast ratio, the color with less contrast will be used for the thinner outer border.

]]>
Contrasting Color Demo 2024-01-19T21:37:19-07:00
Bingo https://codepen.io/kmck/pen/jOXRrLg https://codepen.io/kmck/pen/jOXRrLg Keith McKnight

See the Code - See it Full Page - See Details

]]>
Bingo 2023-11-22T00:25:09-07:00
Card Test https://codepen.io/kmck/pen/NWEKENy https://codepen.io/kmck/pen/NWEKENy Keith McKnight

See the Code - See it Full Page - See Details

]]>
Card Test 2023-06-08T17:23:28-07:00
SVG gradient to cover entire square at any angle https://codepen.io/kmck/pen/VwEyxbb https://codepen.io/kmck/pen/VwEyxbb Keith McKnight

See the Code - See it Full Page - See Details

http://stackoverflow.com/questions/20000938/svg-given-an-angle-make-a-gradient-to-fill-the-whole-shape

]]>
SVG gradient to cover entire square at any angle 2023-05-26T20:58:11-07:00
A Pen by Keith McKnight https://codepen.io/kmck/pen/poLOBjE https://codepen.io/kmck/pen/poLOBjE Keith McKnight

See the Code - See it Full Page - See Details

]]>
A Pen by Keith McKnight 2022-08-12T19:43:32-07:00
Loader CSS calc https://codepen.io/kmck/pen/KKoXJRR https://codepen.io/kmck/pen/KKoXJRR Keith McKnight

See the Code - See it Full Page - See Details

]]>
Loader CSS calc 2022-07-29T18:50:07-07:00
Gradients https://codepen.io/kmck/pen/YzaVZGP https://codepen.io/kmck/pen/YzaVZGP Keith McKnight

See the Code - See it Full Page - See Details

]]>
Gradients 2022-07-20T19:07:59-07:00
A Pen by Keith McKnight https://codepen.io/kmck/pen/qBorwEG https://codepen.io/kmck/pen/qBorwEG Keith McKnight

See the Code - See it Full Page - See Details

]]>
A Pen by Keith McKnight 2022-07-19T23:49:56-07:00
A Pen by Keith McKnight https://codepen.io/kmck/pen/LYyaKRZ https://codepen.io/kmck/pen/LYyaKRZ Keith McKnight

See the Code - See it Full Page - See Details

]]>
A Pen by Keith McKnight 2021-08-13T23:17:17-07:00
Shadow Zone https://codepen.io/kmck/pen/vYGvxmv https://codepen.io/kmck/pen/vYGvxmv Keith McKnight

See the Code - See it Full Page - See Details

]]>
Shadow Zone 2020-09-22T19:18:17-07:00