@RT Chris Gannon
Crazy milestone - 10,000 followers on @CodePen! Thanks to each and every one of you for supporting my journey in web animation. And of course I had to celebrate it with a little @greensock magic 😍
https://codepen.io/chrisgannon/pen/qBPGEQy
RT conner russell
took part in the new codepen challenge and tried making fractals. i'm sure there's a more lightweight way to do this with css animations but i've recently been trying to learn GSAP so i did it with that instead.
#CodePenChallenge
https://codepen.io/connerr/pen/ExwMOJX
RT AdirCode
I made a quick @CodePen using @p5xjs to spice up my @NotionHQ dashboard (watch to the end)
Here’s the code:
https://codepen.io/Adir-SL/pen/qBPvgBG
RT S. Shahriar
Can you guess how many elements we need to make this visual? 🤔
Zero 🤩
That's because chained transforms along with a bunch of box-shadows are doing the heaving lifting here 😄
@CodePen demo:
https://codepen.io/ShadowShahriar/pen/oNGVeom
https://twitter.com/ShadowShahriar/status/1483136812680085504
RT 🐴 Frontend Horse
Re 👤 Louis Hoebregts @mamboleoo
❓ Simulating and Animating Fur with Three.js
📆 Tuesday, Jan 18
🕑 12:00 PM EST
📍
https://everytimezone.com/s/c2053f8b
https://frontend.horse/twitch
https://twitter.com/FrontendHorse/status/1483474776186404867
RT Adam Kuhn
took a no-code approach this week’s @CodePen challenge, arranging thousands of very tiny cold fractals into a humanoid structure
https://twitter.com/cobra_winfrey/status/1483203289143562241
RT Lea Rosema
The nice thing about distance functions in a signed distance field: add modulo and you get infinite repetition. Could also be an inspiration for this week's #CodePenChallenge theme: fractals.
Lea Rosema: #100nonconsecutivedaysofcode day 3 via @CodePen
Because somebody asked:
Tweet sized ASCII love <3 via @CodePen
https://codepen.io/learosema/pen/dyVrrxK
RT Louis Hoebregts
From digital to paper 🔀 #WebGL #AxiDraw
https://codepen.io/Mamboleoo/pen/VMeWWR
RT Cassie Evans
💜 @Orangetronic and I did a 'noise' collab for last week's @CodePen challenge.
David made some rather lovely noises on his magic modular synth and I did some audio-vis.
Pretty happy with the outcome, it looks a little like Origami.
codepen:
https://codepen.io/cassie-codes/full/oNGVxLX
Ready for your next #CodePenChallenge?
This week, the generative art challenge is all about fractals 🌀
https://codepen.io/challenges/2022/january/3
RT Ana Tudor 🐯
A little something I coded for this week's #CodePenChallenge: a little image gallery. Images other than the current one are darkened and noisy.
You can see it here on @CodePen:
https://codepen.io/thebabydino/pen/bGomPNV
RT Lea Rosema
Another cheap one for the #100nonconsecutivedaysofcode challenge via @CodePen, day 1.5
a tweet-sized warp effect:
https://codepen.io/learosema/pen/MWELqKv
RT Jhey 🔨🐻✨
"That" loader in CSS! 💪
Using Houdini, a conic-gradient, and CSS mask, you can create "That" loading animation with pure CSS 🚀
How? Code in the tweet below 👇ʕᴥ• ʔ
👉
http://codepen.io/jh3y/pen/RwLvrdR
RT AdirCode
Did you know you could make a simple typography scale using only divs and one line of CSS?
That’s a simple example I show my students to illustrate the power of nesting divs in HTML.
@CodePen link:
https://codepen.io/Adir-SL/pen/JjrmBQg
RT byt3 m3chanic
This weeks @CodePen challenge - something to relax with after work.
https://codepen.io/pjkarlik/pen/dyVeXMN
RT Adam Kuhn
used some svg color & turbulence filters w/ a base64'd overlay to create these dithered landscapes for this week's generative @CodePen challenge and yeah I animated a couple things just because
thanks for lookin'
https://codepen.io/cobra_winfrey/full/PoJXrMw
https://twitter.com/cobra_winfrey/status/1482013382064672769
RT manolis
My entry for this week's "noise" #codepenchallenge
Retro Noise
https://codepen.io/mankal111/pen/KKXGRXr
RT Jhey 🔨🐻✨
Houdini makes it possible to animate CSS gradients ✨
Combine a conic-gradient with CSS mask, and you can create a neat image reveal 😎
👉
Let's go through the code in the next tweet 👇
http://codepen.io/jh3y/pen/KKXbyZg
RT Josh W. Comeau
Really digging this link hover effect by Justin Wong. Unlike most link effects, this one works on inline elements! ✨
https://codepen.io/Wongjn/pen/VwMBgZB
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
