RT Sophia Wood
Week potential (based on average lifespan) - this should look about 52 blocks different in a year.
#genuary2022 #genuary
https://codepen.io/fractalkitty/full/YzEKojz
RT Kaz
The French have their own Banksy. He is called Invader and does pixel street art. I LOVE pixel art so I created generative Desperate Devs™️.
Follow me for the tutorial, coming soon.
Go ahead, click the button, I know u want to👀
https://codepen.io/Sanja_kaz/pen/BamaoRj
RT Kass 🦈
That time I drove myself crazy coding this
https://codepen.io/kassandrasanch/pen/VweNrRR
https://twitter.com/KassandraSanch/status/1485991887253254152
RT Christopher Kirk-Nielsen
So for this week's @CodePen #CodePenChallenge, I wanted to go minimalistic… I present the @ISO50 art generator! Love Tycho's stuff, so figured it would be a fun project! 😄
https://codepen.io/chriskirknielsen/full/gOXYQNL
RT Sophia Wood
This toy isn't interactive, but makes "Orbs of Noise"
press "n" to download
press space to mix it
size window to a square if you want to see the entire piece
size width large for a larger image to download.
#cpcfractals #circlepacking #mathart
https://codepen.io/fractalkitty/live/oNGKjab
RT Greg Robleto
Recreating our Mondrian art piece that hangs over the piano a single-div styled primarily with CSS background linear-gradients. (Code is here:
https://codepen.io/robleto/pen/OJxKZjE
RT Yoav Kadosh
This is my most complex CSS art yet: The DeLorean from Back To The Future ⏪
Made with around 70 elements, and just about every type of gradient and transformation out there.
@CodePen
https://codepen.io/ykadosh/pen/yLzmKYp?editors=1100
RT Stephanie Eckles
Re See the comparison of images with and without this filter in this CodePen:
Another use case for a similar filter is when stacking text over images, as seen in my tutorial on image display elements:
https://codepen.io/5t3ph/pen/VwModqR
http://5t3ph.dev/images
RT Ricardo Oliva Alonso
3D Futuristic Room - Designed by Alex Harris
😉 btw It’s just for fun
Live @CodePen:
#html #css #javascript #cssart #3D #isometric #voxelart #animation #room
https://codepen.io/ricardoolivaalonso/full/LYzwGyW
It's the final week of the Generative Art #CodePenChallenge!
This week, let's put together everything we've learned about generative art and pay tribute to artists that inspire us 🎨
Image: Hilma af Klint "The Swan (No. 17)"
https://codepen.io/challenges/2022/january/4
RT Johan Karlsson
Webcam Particles on @CodePen:
Click to reset particles with random x and y.
Press L to reset particles with random x and y=0.
#creativecoding #particles
https://codepen.io/DonKarlssonSan/pen/RwLzBKR
https://twitter.com/DonKarlssonSan/status/1484586571831595018
RT Lea Rosema
#100nonconsecutivedaysofcode day 5:
My submission to fractal #CodePenChallenge via @CodePen
It features recursion in pug. A bit slow on my mobile.
https://codepen.io/learosema/full/eYGqOxM
RT Louis Hoebregts
When you are using a 'Screen' blend mode on your animation but it is too white, darken your colour palette until you find the good result 🎨
chroma.js is very useful for it 💯
I only discovered this trick recently 😳
Experiment it on @CodePen 👇
https://codepen.io/Mamboleoo/pen/BawgOGE
RT S. Shahriar
As I became hungry, I baked some fresh donuts and thought, why not share it with all of you?
Have some CSS Donuts, folks! 😄
Responsive CSS 3D Donut
@CodePen:
✅ interactive
✅ 9 toggles, 81 appearances
✅ ambient lighting, linear shading
#CSS #art
https://codepen.io/ShadowShahriar/pen/YzrbBXg
https://twitter.com/ShadowShahriar/status/1484091379139883012
RT Anthony Douglas
Made a generative @phpstorm 2021 loading screen pen as part of #codepenchallenge
#genuary2022
https://codepen.io/anthony-dee/pen/NWaVgpz
RT • nanou •
😱 I used CSS Doodle for the first time and this is epic!
🔥 Illusion Circles
🔗
https://codepen.io/antoniasymeonidou/pen/ExwJdPd
RT Manuel Matuzović
TIL that there is an indeterminate state for native checkboxes in HTML. 😮 You can only set it via JS.
CodePen:
h/t @yatil
https://codepen.io/matuzo/pen/rNGbVXX?editors=1010
RT Jane 💜
The new @CodePen liquid tag embed options are live on
http://dev.to/
https://dev.to/janeori/devtos-codepen-liquid-tag-is-getting-an-upgrade-2e69#all-the-codepen-embed-options
RT Sophia Wood
VHS glitch for genuary:
I was lazy and forked some of my own code.
#genuary2022 #genuary
https://codepen.io/fractalkitty/full/YzrMdBM
RT Amit Sheen
The Lonely Claw 🦞
#PureCSS
Full code @CodePen:
https://codepen.io/amit_sheen/full/yLzWVYo
Build, test, and discover front-end code 👩🏽💻