Pens from Eli Fitch https://codepen.io/elifitch/ en nospam@codepen.io Copyright 2024 2022-11-04T12:44:49-07:00 Fuck Elon https://codepen.io/elifitch/pen/yLEJpaw https://codepen.io/elifitch/pen/yLEJpaw Eli Fitch

See the Code - See it Full Page - See Details

]]>
Fuck Elon 2022-11-04T12:44:49-07:00
A Pen by Eli Fitch https://codepen.io/elifitch/pen/YzxxvYQ https://codepen.io/elifitch/pen/YzxxvYQ Eli Fitch

See the Code - See it Full Page - See Details

]]>
A Pen by Eli Fitch 2021-10-30T00:33:51-07:00
Animated SVG waves with feDisplacementMap #3 https://codepen.io/elifitch/pen/gyKPvE https://codepen.io/elifitch/pen/gyKPvE Eli Fitch

See the Code - See it Full Page - See Details

Please read the blog post: <a href = "https://codepen.io/enxaneta/post/svg-waves-with-fedisplacementmap">SVG waves with feDisplacementMap</a><br> Working in Chrome, Opera, Firefox & Edge<br> I've tried to do this before but I wasn't able to make it work on Firefox. Now it works thanks to an idea I've got from <a href="http://codepen.io/sdras/pen/yeyaxz">SVG Filters for a Pop Art Boom</a> a pen by Sarah Drasner<br> Why it wasn't working before?<br> The culprit is feImage ( I suppose: the bug 455986 - SVG filters feImage with xlink:href doesn't work with fragments. )<br> The solution is to use an SVG data:URI as value for feImage xlink:href attribute.

]]>
Animated SVG waves with feDisplacementMap #3 2019-04-20T13:41:20-07:00
Extra space https://codepen.io/elifitch/pen/ebWwzj https://codepen.io/elifitch/pen/ebWwzj Eli Fitch

See the Code - See it Full Page - See Details

]]>
Extra space 2018-12-24T16:04:02-07:00
A Pen by Eli Fitch https://codepen.io/elifitch/pen/EGyjbK https://codepen.io/elifitch/pen/EGyjbK Eli Fitch

See the Code - See it Full Page - See Details

]]>
A Pen by Eli Fitch 2018-12-16T16:00:10-07:00
A Pen by Eli Fitch https://codepen.io/elifitch/pen/pxGrGx https://codepen.io/elifitch/pen/pxGrGx Eli Fitch

See the Code - See it Full Page - See Details

]]>
A Pen by Eli Fitch 2018-10-26T13:42:05-07:00
Clip path slice https://codepen.io/elifitch/pen/oyBRZN https://codepen.io/elifitch/pen/oyBRZN Eli Fitch

See the Code - See it Full Page - See Details

]]>
Clip path slice 2018-06-10T20:47:23-07:00
Pixelated image reveal https://codepen.io/elifitch/pen/wjjWmq https://codepen.io/elifitch/pen/wjjWmq Eli Fitch

See the Code - See it Full Page - See Details

Little proof of concept for an image loader that starts off with a highly pixelated image (to be generated at build time) and then after loading the full image, fades it in with this pixelated effect

]]>
Pixelated image reveal 2018-05-19T08:11:34-07:00
A Pen by Eli Fitch https://codepen.io/elifitch/pen/QQxeNY https://codepen.io/elifitch/pen/QQxeNY Eli Fitch

See the Code - See it Full Page - See Details

]]>
A Pen by Eli Fitch 2018-02-22T19:50:36-07:00
Fancy zap emoji HRs https://codepen.io/elifitch/pen/NyyxBp https://codepen.io/elifitch/pen/NyyxBp Eli Fitch

See the Code - See it Full Page - See Details

]]>
Fancy zap emoji HRs 2018-02-18T22:42:38-07:00