Pens from Josetxu https://codepen.io/josetxu/ en nospam@codepen.io Copyright 2024 2024-03-26T01:02:10-07:00 Stretchable Elastic Toggle - CSS https://codepen.io/josetxu/pen/ExJXRBB https://codepen.io/josetxu/pen/ExJXRBB Josetxu

See the Code - See it Full Page - See Details

]]>
Stretchable Elastic Toggle - CSS 2024-03-26T01:02:10-07:00
404 Error Room - CSS https://codepen.io/josetxu/pen/NWmjaja https://codepen.io/josetxu/pen/NWmjaja Josetxu

See the Code - See it Full Page - See Details

Inspired by this image from Pinterest: - https://www.pinterest.es/pin/619526492470038067/

]]>
404 Error Room - CSS 2024-03-22T22:40:15-07:00
Toilet Paper Roll Toggle - CSS https://codepen.io/josetxu/pen/VwNbwwb https://codepen.io/josetxu/pen/VwNbwwb Josetxu

See the Code - See it Full Page - See Details

Inspired by <strong>Oleg Sheremet's</strong> <a href="https://dribbble.com/shots/1592720-Pure-Soft-White">"Pure Soft White"</a> Dribbble Shot.

]]>
Toilet Paper Roll Toggle - CSS 2024-03-22T15:51:07-07:00
Shapes & Lights - CSS https://codepen.io/josetxu/pen/eYovPjw https://codepen.io/josetxu/pen/eYovPjw Josetxu

See the Code - See it Full Page - See Details

Inspired by <strong>"Letter O"</strong> from <strong>Bogdan Dreava's</strong> <a href="https://bogdandreava.myportfolio.com/alphabet">"Alphabet"</a> project.

]]>
Shapes & Lights - CSS 2024-03-21T13:17:10-07:00
Error Modal - CSS https://codepen.io/josetxu/pen/LYvWeGg https://codepen.io/josetxu/pen/LYvWeGg Josetxu

See the Code - See it Full Page - See Details

Inspired by <strong>Dimitry Mir's</strong> <a href="https://dribbble.com/shots/1638786-500-error">"500 Error"</a> Dribbble Shot.

]]>
Error Modal - CSS 2024-03-21T19:13:12-07:00
Gradient Toast Notifications - CSS https://codepen.io/josetxu/pen/OJGbdBa https://codepen.io/josetxu/pen/OJGbdBa Josetxu

See the Code - See it Full Page - See Details

Inspired by <strong>Artus Michal's</strong> <a href="https://dribbble.com/shots/23226745-Cielo-Design-System-Patterns-Notifications">"Cielo Design System"</a> Dribbble Shot.

]]>
Gradient Toast Notifications - CSS 2024-03-19T00:28:23-07:00
Clean Toast Notifications - CSS https://codepen.io/josetxu/pen/wvZzPQg https://codepen.io/josetxu/pen/wvZzPQg Josetxu

See the Code - See it Full Page - See Details

Inspired by <strong>Pallavi's</strong> <a href="https://dribbble.com/shots/13674757-Toast-message">"Toast message"</a> Dribbble Shot.

]]>
Clean Toast Notifications - CSS 2024-03-14T16:39:47-07:00
Cyber Toast Notifications - CSS https://codepen.io/josetxu/pen/yLrabYB https://codepen.io/josetxu/pen/yLrabYB Josetxu

See the Code - See it Full Page - See Details

Inspired by <strong>Eugene Dobrik's</strong> <a href="https://dribbble.com/shots/20556812-Notifications">"Notifications"</a> Dribbble Shot.

]]>
Cyber Toast Notifications - CSS 2024-03-14T13:11:33-07:00
Splashed Toast Notifications - CSS https://codepen.io/josetxu/pen/OJGXdzY https://codepen.io/josetxu/pen/OJGXdzY Josetxu

See the Code - See it Full Page - See Details

Inspired by <strong>Anastasia Dolenko's</strong> <a href="https://dribbble.com/shots/15509869-Free-pack-of-Flash-Messages">"Free pack of Flash Messages"</a> Dribbble Shot.

]]>
Splashed Toast Notifications - CSS 2024-03-14T12:40:10-07:00
Lighted Blue Toggle - CSS https://codepen.io/josetxu/pen/NWmrKqQ https://codepen.io/josetxu/pen/NWmrKqQ Josetxu

See the Code - See it Full Page - See Details

Inspired by <strong>Sebastien Gabriel's</strong> <a href="https://dribbble.com/shots/1495352-Light-and-Switch">"Light and Switch"</a> Dribbble shot.

]]>
Lighted Blue Toggle - CSS 2024-03-13T16:33:42-07:00