Pens from Jenna Gengler https://codepen.io/JennaPG/ en nospam@codepen.io Copyright 2024 2023-11-13T18:11:22-07:00 Click Counter with JavaScript https://codepen.io/JennaPG/pen/wvNqKrO https://codepen.io/JennaPG/pen/wvNqKrO Jenna Gengler

See the Code - See it Full Page - See Details

]]>
Click Counter with JavaScript 2023-11-13T18:11:22-07:00
Grid with borders cut off https://codepen.io/JennaPG/pen/rNomqwK https://codepen.io/JennaPG/pen/rNomqwK Jenna Gengler

See the Code - See it Full Page - See Details

]]>
Grid with borders cut off 2023-09-12T14:41:23-07:00
Animated Arrow Button - SVG Chevron to Arrow CSS Animation - New Stripe Button https://codepen.io/JennaPG/pen/JjwXdWp https://codepen.io/JennaPG/pen/JjwXdWp Jenna Gengler

See the Code - See it Full Page - See Details

A couple of CSS animated buttons similar to Stripe's new home page. On hover the SVG chevron icon animates into arrow. I made the icon in Figma then exported it and use CSS to apply the animation.

]]>
Animated Arrow Button - SVG Chevron to Arrow CSS Animation - New Stripe Button 2023-08-29T13:42:21-07:00
thumbnail grid https://codepen.io/JennaPG/pen/mdQYxeb https://codepen.io/JennaPG/pen/mdQYxeb Jenna Gengler

See the Code - See it Full Page - See Details

]]>
thumbnail grid 2023-10-30T17:09:27-07:00
Section/Container structure https://codepen.io/JennaPG/pen/ZEmYwGO https://codepen.io/JennaPG/pen/ZEmYwGO Jenna Gengler

See the Code - See it Full Page - See Details

]]>
Section/Container structure 2023-06-09T15:15:01-07:00
Animated SVG icons - 5 up https://codepen.io/JennaPG/pen/zYmbdzQ https://codepen.io/JennaPG/pen/zYmbdzQ Jenna Gengler

See the Code - See it Full Page - See Details

]]>
Animated SVG icons - 5 up 2023-05-26T14:38:26-07:00
Animated SVG icons - 6 up https://codepen.io/JennaPG/pen/XWxygew https://codepen.io/JennaPG/pen/XWxygew Jenna Gengler

See the Code - See it Full Page - See Details

]]>
Animated SVG icons - 6 up 2023-05-25T13:15:24-07:00
Responsive Typography CSS Only https://codepen.io/JennaPG/pen/XWxPzeb https://codepen.io/JennaPG/pen/XWxPzeb Jenna Gengler

See the Code - See it Full Page - See Details

]]>
Responsive Typography CSS Only 2023-05-16T15:32:30-07:00
A Pen by Jenna Gengler https://codepen.io/JennaPG/pen/gOdZjrZ https://codepen.io/JennaPG/pen/gOdZjrZ Jenna Gengler

See the Code - See it Full Page - See Details

]]>
A Pen by Jenna Gengler 2023-03-24T19:20:15-07:00
Curved Gradient Button https://codepen.io/JennaPG/pen/gOzjOxw https://codepen.io/JennaPG/pen/gOzjOxw Jenna Gengler

See the Code - See it Full Page - See Details

]]>
Curved Gradient Button 2022-10-04T20:06:07-07:00