Pens from Wolf van Veen https://codepen.io/wolfvanveen/ en nospam@codepen.io Copyright 2024 2024-03-23T17:25:02-07:00 Vimeo.Player Play Button https://codepen.io/wolfvanveen/pen/YzMNNWj https://codepen.io/wolfvanveen/pen/YzMNNWj Wolf van Veen

See the Code - See it Full Page - See Details

]]>
Vimeo.Player Play Button 2024-03-23T17:25:02-07:00
Pure CSS Animated Image Zoom 🚜 [general sibling combinators, bg image] https://codepen.io/wolfvanveen/pen/gOvqWXz https://codepen.io/wolfvanveen/pen/gOvqWXz Wolf van Veen

See the Code - See it Full Page - See Details

Based on: https://codepen.io/jh3y/details/QWQrVwj Works on modern browsers; no need to set any flags. Uses attribute and state selectors along with general sibling combinators. Also uses `prefers-reduced-motion` pref query. Beware a WCAG 3.2.2 On Input risk without the submit button, which is one reason why you should not use this in production.

]]>
Pure CSS Animated Image Zoom 🚜 [general sibling combinators, bg image] 2022-06-14T19:20:36-07:00
Tim & Eric Eyeballs Follow Cursor / xEyes.js https://codepen.io/wolfvanveen/pen/OJXVOJj https://codepen.io/wolfvanveen/pen/OJXVOJj Wolf van Veen

See the Code - See it Full Page - See Details

Eyeballs that follow mouse cursors from Tim & Eric's Bedtime Stories.

]]>
Tim & Eric Eyeballs Follow Cursor / xEyes.js 2020-10-11T17:29:28-07:00
portrait rainbow https://codepen.io/wolfvanveen/pen/qBZvzPB https://codepen.io/wolfvanveen/pen/qBZvzPB Wolf van Veen

See the Code - See it Full Page - See Details

]]>
portrait rainbow 2020-09-28T17:43:58-07:00
darkmode switch2 https://codepen.io/wolfvanveen/pen/WNrZeaZ https://codepen.io/wolfvanveen/pen/WNrZeaZ Wolf van Veen

See the Code - See it Full Page - See Details

]]>
darkmode switch2 2020-06-28T14:06:45-07:00
rice https://codepen.io/wolfvanveen/pen/ZEQKzGV https://codepen.io/wolfvanveen/pen/ZEQKzGV Wolf van Veen

See the Code - See it Full Page - See Details

]]>
rice 2020-06-22T16:59:17-07:00
Super small embedded img SVG unwrapper https://codepen.io/wolfvanveen/pen/JjoRrXW https://codepen.io/wolfvanveen/pen/JjoRrXW Wolf van Veen

See the Code - See it Full Page - See Details

]]>
Super small embedded img SVG unwrapper 2019-12-14T14:57:39-07:00
darkmode switch https://codepen.io/wolfvanveen/pen/gObwWoZ https://codepen.io/wolfvanveen/pen/gObwWoZ Wolf van Veen

See the Code - See it Full Page - See Details

]]>
darkmode switch 2020-06-28T14:04:17-07:00
Simple modal password protect link to a page with animation https://codepen.io/wolfvanveen/pen/OKJYeZ https://codepen.io/wolfvanveen/pen/OKJYeZ Wolf van Veen

See the Code - See it Full Page - See Details

A simple modal that shows a dialog box asking for a password to go in to a specific link. If wrong code is entered the login box shakes

]]>
Simple modal password protect link to a page with animation 2019-07-18T19:52:05-07:00
thuisbezorgd where you at https://codepen.io/wolfvanveen/pen/EOyexg https://codepen.io/wolfvanveen/pen/EOyexg Wolf van Veen

See the Code - See it Full Page - See Details

]]>
thuisbezorgd where you at 2018-11-10T00:38:46-07:00