Pens from Ada Powers https://codepen.io/mspowahs/ en nospam@codepen.io Copyright 2024 2021-08-31T16:04:56-07:00 Passive-Aggressive Modal https://codepen.io/mspowahs/pen/MWoKNba https://codepen.io/mspowahs/pen/MWoKNba Ada Powers

See the Code - See it Full Page - See Details

]]>
Passive-Aggressive Modal 2021-08-31T16:04:56-07:00
ada.io https://codepen.io/mspowahs/pen/dyGprVx https://codepen.io/mspowahs/pen/dyGprVx Ada Powers

See the Code - See it Full Page - See Details

]]>
ada.io 2020-06-16T16:20:32-07:00
Sliding Text https://codepen.io/mspowahs/pen/NWxxmRZ https://codepen.io/mspowahs/pen/NWxxmRZ Ada Powers

See the Code - See it Full Page - See Details

]]>
Sliding Text 2020-06-14T16:07:40-07:00
1.1.1.1-style Knockout Text https://codepen.io/mspowahs/pen/VwvyqqY https://codepen.io/mspowahs/pen/VwvyqqY Ada Powers

See the Code - See it Full Page - See Details

]]>
1.1.1.1-style Knockout Text 2020-05-06T04:11:31-07:00
Fibbage-Style Image Transition Animation in CSS https://codepen.io/mspowahs/pen/xxwdyVW https://codepen.io/mspowahs/pen/xxwdyVW Ada Powers

See the Code - See it Full Page - See Details

I was playing Fibbage 3 from Jackbox with some pals, and I fell in love with the transition they used when cycling through the list of possible topics. I tried to replicate it as faithfully as possible here.

]]>
Fibbage-Style Image Transition Animation in CSS 2020-05-14T14:16:24-07:00
Squaring Circles in SCSS https://codepen.io/mspowahs/pen/wgLJXO https://codepen.io/mspowahs/pen/wgLJXO Ada Powers

See the Code - See it Full Page - See Details

]]>
Squaring Circles in SCSS 2017-02-20T00:23:37-07:00
Slow Subtle Moire in CSS https://codepen.io/mspowahs/pen/MJdWzN https://codepen.io/mspowahs/pen/MJdWzN Ada Powers

See the Code - See it Full Page - See Details

]]>
Slow Subtle Moire in CSS 2018-09-24T19:26:36-07:00
Hovering DIVs in Stylus https://codepen.io/mspowahs/pen/NdeMyg https://codepen.io/mspowahs/pen/NdeMyg Ada Powers

See the Code - See it Full Page - See Details

]]>
Hovering DIVs in Stylus 2020-04-29T22:38:55-07:00
SCSS Mixin: Keyframes from List https://codepen.io/mspowahs/pen/rjoONM https://codepen.io/mspowahs/pen/rjoONM Ada Powers

See the Code - See it Full Page - See Details

]]>
SCSS Mixin: Keyframes from List 2019-02-22T20:55:50-07:00
Background Scale in jQuery https://codepen.io/mspowahs/pen/ZYxRBM https://codepen.io/mspowahs/pen/ZYxRBM Ada Powers

See the Code - See it Full Page - See Details

Generated background that scales in response to manual control.

]]>
Background Scale in jQuery 2018-09-24T20:29:44-07:00