Pens from David Leininger https://codepen.io/davidleininger/ en nospam@codepen.io Copyright 2024 2024-02-01T21:54:56-07:00 .class:where(element) https://codepen.io/davidleininger/pen/LYadggw https://codepen.io/davidleininger/pen/LYadggw David Leininger

See the Code - See it Full Page - See Details

]]>
.class:where(element) 2024-02-01T21:54:56-07:00
Fancy Pop Out hover effect! https://codepen.io/davidleininger/pen/BavOjEg https://codepen.io/davidleininger/pen/BavOjEg David Leininger

See the Code - See it Full Page - See Details

CSS Tip! https://twitter.com/ChallengesCss/status/1689940495508627456 Online version: https://css-tip.com/avatar-hover-effect-2/ Chrome only for now PNG Designed By Cang from https://pngtree.com/freepng/3d-render-male-avatar-with-blue-sweater-good-for-profile-picture_7497855.html

]]>
Fancy Pop Out hover effect! 2023-10-02T14:52:13-07:00
Shattered Glass Logo Animation https://codepen.io/davidleininger/pen/BavzdRm https://codepen.io/davidleininger/pen/BavzdRm David Leininger

See the Code - See it Full Page - See Details

]]>
Shattered Glass Logo Animation 2023-09-01T14:45:34-07:00
Toggle Switch Checkbox https://codepen.io/davidleininger/pen/BaGVoLL https://codepen.io/davidleininger/pen/BaGVoLL David Leininger

See the Code - See it Full Page - See Details

]]>
Toggle Switch Checkbox 2023-09-18T20:18:15-07:00
TIL: font-weight: bolder; https://codepen.io/davidleininger/pen/GRwdRxW https://codepen.io/davidleininger/pen/GRwdRxW David Leininger

See the Code - See it Full Page - See Details

]]>
TIL: font-weight: bolder; 2023-07-17T20:48:30-07:00
Accessible Details/Summary https://codepen.io/davidleininger/pen/KKrmPYW https://codepen.io/davidleininger/pen/KKrmPYW David Leininger

See the Code - See it Full Page - See Details

This is based on the example from Deque: https://dequeuniversity.com/library/aria/expand-collapse-summary

]]>
Accessible Details/Summary 2023-07-06T17:50:16-07:00
Accessible Audio Player: Triple Track Sync/Select https://codepen.io/davidleininger/pen/eYQJvqa https://codepen.io/davidleininger/pen/eYQJvqa David Leininger

See the Code - See it Full Page - See Details

Working on an app that would allow a producer to put multiple tracks into a single audio player that would allow the user to press play once, play three tracks, and allow the user to change tracks while the song is playing. NOTE: This was made out side of codepen and right now it needs some clean up since I working on it in a project structure instead of in a single JS file.

]]>
Accessible Audio Player: Triple Track Sync/Select 2023-12-01T17:27:39-07:00
Rubik's Cube Algorithm Inverter https://codepen.io/davidleininger/pen/eYjEJpV https://codepen.io/davidleininger/pen/eYjEJpV David Leininger

See the Code - See it Full Page - See Details

]]>
Rubik's Cube Algorithm Inverter 2023-01-17T16:10:26-07:00
A Pen by David Leininger https://codepen.io/davidleininger/pen/abjBZwo https://codepen.io/davidleininger/pen/abjBZwo David Leininger

See the Code - See it Full Page - See Details

]]>
A Pen by David Leininger 2023-01-05T19:10:09-07:00
Details Utils: Open no toggle large screen/closed on small https://codepen.io/davidleininger/pen/gOeKKQd https://codepen.io/davidleininger/pen/gOeKKQd David Leininger

See the Code - See it Full Page - See Details

]]>
Details Utils: Open no toggle large screen/closed on small 2022-08-08T20:09:48-07:00