Pens from Cameron Fitzwilliam https://codepen.io/CameronFitzwilliam/ en nospam@codepen.io Copyright 2024 2023-07-13T23:54:47-07:00 A Pen by Cameron Fitzwilliam https://codepen.io/CameronFitzwilliam/pen/xxQpoEw https://codepen.io/CameronFitzwilliam/pen/xxQpoEw Cameron Fitzwilliam

See the Code - See it Full Page - See Details

]]>
A Pen by Cameron Fitzwilliam 2023-07-13T23:54:47-07:00
HomedIn - Maps https://codepen.io/CameronFitzwilliam/pen/oNPRbGq https://codepen.io/CameronFitzwilliam/pen/oNPRbGq Cameron Fitzwilliam

See the Code - See it Full Page - See Details

]]>
HomedIn - Maps 2023-04-06T12:48:32-07:00
A Pen by Cameron Fitzwilliam https://codepen.io/CameronFitzwilliam/pen/ZEMzrPg https://codepen.io/CameronFitzwilliam/pen/ZEMzrPg Cameron Fitzwilliam

See the Code - See it Full Page - See Details

]]>
A Pen by Cameron Fitzwilliam 2023-02-13T12:19:33-07:00
CSS Fireworks - Single HTML element https://codepen.io/CameronFitzwilliam/pen/GRdewPd https://codepen.io/CameronFitzwilliam/pen/GRdewPd Cameron Fitzwilliam

See the Code - See it Full Page - See Details

]]>
CSS Fireworks - Single HTML element 2022-10-16T00:21:46-07:00
A Pen by Cameron Fitzwilliam https://codepen.io/CameronFitzwilliam/pen/LYQdBdQ https://codepen.io/CameronFitzwilliam/pen/LYQdBdQ Cameron Fitzwilliam

See the Code - See it Full Page - See Details

]]>
A Pen by Cameron Fitzwilliam 2022-05-31T11:07:17-07:00
Extreme Hover - HTML + CSS https://codepen.io/CameronFitzwilliam/pen/vYNgbPX https://codepen.io/CameronFitzwilliam/pen/vYNgbPX Cameron Fitzwilliam

See the Code - See it Full Page - See Details

Inspired by: https://dribbble.com/shots/4898632-extreme-hover Lake District picture by @madebymorgan via unsplash https://unsplash.com/photos/hWRIQFoROwQ Lancaster picture taken by James Edwards via unsplash https://unsplash.com/photos/1XvjLBKFoU8

]]>
Extreme Hover - HTML + CSS 2020-10-20T12:27:20-07:00
Book cover - SVG text + Writing Mode https://codepen.io/CameronFitzwilliam/pen/eQrKbg https://codepen.io/CameronFitzwilliam/pen/eQrKbg Cameron Fitzwilliam

See the Code - See it Full Page - See Details

For responsive SVG I used tspan, it was a tad tediuos. I used writing-mode in CSS for the book spine.

]]>
Book cover - SVG text + Writing Mode 2018-11-27T23:24:42-07:00
CSS Variables Function - read/write values https://codepen.io/CameronFitzwilliam/pen/odZOGY https://codepen.io/CameronFitzwilliam/pen/odZOGY Cameron Fitzwilliam

See the Code - See it Full Page - See Details

]]>
CSS Variables Function - read/write values 2019-09-16T12:37:50-07:00
Day and Night | Updating CSS Variables with JavaScript https://codepen.io/CameronFitzwilliam/pen/QrdLyN https://codepen.io/CameronFitzwilliam/pen/QrdLyN Cameron Fitzwilliam

See the Code - See it Full Page - See Details

Using JavaScript to update CSS variables. design by @avaliani_n https://dribbble.com/shots/2010565-Day-and-Night-Venice

]]>
Day and Night | Updating CSS Variables with JavaScript 2018-04-30T18:30:50-07:00
Moped Bear is back! | HTML + CSS https://codepen.io/CameronFitzwilliam/pen/YaNXBv https://codepen.io/CameronFitzwilliam/pen/YaNXBv Cameron Fitzwilliam

See the Code - See it Full Page - See Details

Challenge by @Kisokare https://codepen.io/Kisokare/ original created with CreateJS: https://codepen.io/CameronFitzwilliam/pen/mXvOdE

]]>
Moped Bear is back! | HTML + CSS 2018-03-19T18:11:01-07:00