Pens from Juan Martín García https://codepen.io/imjuangarcia/ en nospam@codepen.io Copyright 2024 2021-03-06T13:51:42-07:00 Click to Copy email https://codepen.io/imjuangarcia/pen/xxRaqMZ https://codepen.io/imjuangarcia/pen/xxRaqMZ Juan Martín García

See the Code - See it Full Page - See Details

]]>
Click to Copy email 2021-03-06T13:51:42-07:00
New Tab Link Indicator https://codepen.io/imjuangarcia/pen/bGBoLpK https://codepen.io/imjuangarcia/pen/bGBoLpK Juan Martín García

See the Code - See it Full Page - See Details

]]>
New Tab Link Indicator 2021-02-22T13:04:55-07:00
Custom number styling with CSS Counters https://codepen.io/imjuangarcia/pen/gOwNrbW https://codepen.io/imjuangarcia/pen/gOwNrbW Juan Martín García

See the Code - See it Full Page - See Details

]]>
Custom number styling with CSS Counters 2021-01-24T18:28:02-07:00
CSS-Only Smooth Scrolling https://codepen.io/imjuangarcia/pen/RwbQLPe https://codepen.io/imjuangarcia/pen/RwbQLPe Juan Martín García

See the Code - See it Full Page - See Details

]]>
CSS-Only Smooth Scrolling 2019-09-08T14:00:27-07:00
CSS-Only Horizontal Fullscreen Gallery with Scroll Snapping https://codepen.io/imjuangarcia/pen/zYORdMK https://codepen.io/imjuangarcia/pen/zYORdMK Juan Martín García

See the Code - See it Full Page - See Details

]]>
CSS-Only Horizontal Fullscreen Gallery with Scroll Snapping 2019-09-08T12:40:53-07:00
CSS Race using Sticky Positioning https://codepen.io/imjuangarcia/pen/QWLQjaQ https://codepen.io/imjuangarcia/pen/QWLQjaQ Juan Martín García

See the Code - See it Full Page - See Details

]]>
CSS Race using Sticky Positioning 2019-09-07T14:07:58-07:00
CSS-Only Text Truncation https://codepen.io/imjuangarcia/pen/dybdYbB https://codepen.io/imjuangarcia/pen/dybdYbB Juan Martín García

See the Code - See it Full Page - See Details

]]>
CSS-Only Text Truncation 2019-09-07T12:59:38-07:00
Dark Mode with mix-blend-mode: difference https://codepen.io/imjuangarcia/pen/xxKLMEN https://codepen.io/imjuangarcia/pen/xxKLMEN Juan Martín García

See the Code - See it Full Page - See Details

A toggle switcher to change light/dark mode using `mix-blend-mode: difference`. Credit to Jen Simmons for her CSS only, Accessible Checkbox style.

]]>
Dark Mode with mix-blend-mode: difference 2019-09-01T13:43:15-07:00
Trello-Style Card Layout https://codepen.io/imjuangarcia/pen/MLyQPO https://codepen.io/imjuangarcia/pen/MLyQPO Juan Martín García

See the Code - See it Full Page - See Details

]]>
Trello-Style Card Layout 2019-02-27T20:25:32-07:00
Full Width Image Gallery https://codepen.io/imjuangarcia/pen/bzpYyj https://codepen.io/imjuangarcia/pen/bzpYyj Juan Martín García

See the Code - See it Full Page - See Details

]]>
Full Width Image Gallery 2019-01-27T15:19:51-07:00