Pens from Annett Forcier https://codepen.io/Annett/ en nospam@codepen.io Copyright 2024 2022-06-16T18:17:32-07:00 Interactive BBC https://codepen.io/Annett/pen/rNJRpRQ https://codepen.io/Annett/pen/rNJRpRQ Annett Forcier

See the Code - See it Full Page - See Details

]]>
Interactive BBC 2022-06-16T18:17:32-07:00
Interactive Google email https://codepen.io/Annett/pen/XWZGVOo https://codepen.io/Annett/pen/XWZGVOo Annett Forcier

See the Code - See it Full Page - See Details

]]>
Interactive Google email 2022-06-16T18:15:50-07:00
Lululemon - Template https://codepen.io/Annett/pen/gOWqpRR https://codepen.io/Annett/pen/gOWqpRR Annett Forcier

See the Code - See it Full Page - See Details

]]>
Lululemon - Template 2021-08-11T02:16:49-07:00
A Pen by Annett Forcier https://codepen.io/Annett/pen/gOmPjQE https://codepen.io/Annett/pen/gOmPjQE Annett Forcier

See the Code - See it Full Page - See Details

]]>
A Pen by Annett Forcier 2021-05-24T20:11:52-07:00
A Pen by Annett Forcier https://codepen.io/Annett/pen/mdORPeb https://codepen.io/Annett/pen/mdORPeb Annett Forcier

See the Code - See it Full Page - See Details

]]>
A Pen by Annett Forcier 2021-02-12T21:07:39-07:00
Dark Button with outline on dark mode https://codepen.io/Annett/pen/ExyQorJ https://codepen.io/Annett/pen/ExyQorJ Annett Forcier

See the Code - See it Full Page - See Details

]]>
Dark Button with outline on dark mode 2020-10-28T23:45:19-07:00
Vertical alignment html Email https://codepen.io/Annett/pen/qBNNjQw https://codepen.io/Annett/pen/qBNNjQw Annett Forcier

See the Code - See it Full Page - See Details

]]>
Vertical alignment html Email 2020-10-19T04:49:28-07:00
kinetic email Stars https://codepen.io/Annett/pen/NVxVZy https://codepen.io/Annett/pen/NVxVZy Annett Forcier

See the Code - See it Full Page - See Details

Just adding a cool background effect of star travel to an email

]]>
kinetic email Stars 2019-05-09T23:52:55-07:00
animated confetti in an email https://codepen.io/Annett/pen/vwLwqX https://codepen.io/Annett/pen/vwLwqX Annett Forcier

See the Code - See it Full Page - See Details

CSS only confetti animation added to an email

]]>
animated confetti in an email 2019-05-09T23:52:09-07:00
Five star rating field with animated hover effect https://codepen.io/Annett/pen/GLyYZE https://codepen.io/Annett/pen/GLyYZE Annett Forcier

See the Code - See it Full Page - See Details

CSS that applies to very simple HTML to create a nice hover effect for a five-star rating component. The stars light up in sequence up to and including the star that is hovered.

]]>
Five star rating field with animated hover effect 2019-04-16T22:00:39-07:00