@RT chris sev
Find and share your first @CodePen
May 2013: JavaScript Pomodoro
https://codepen.io/chris__sev/pen/zbnhm
RT Jon Kantner
Acrobatic Preloader
https://codepen.io/jkantner/pen/VwrYggy
RT Kaz
Since I saw the generative tiles by @trostcodes @natszafraniec @yuanchuan23 @chrisnager @jjcollinsworth I wanted to try my own. So here are mine, inspired by them
It's a great beginner generative art & gradients project. Tutorial coming soon
https://codepen.io/Sanja_kaz/pen/zYPxvmj
RT Louis Hoebregts
Feeling stressed today? Enjoy this soothing animation of growing plants 🌱🌺🦋
All plants are #SVG paths generated in JavaScript and animated using @greensock 🪄
Watch it live @CodePen
https://codepen.io/Mamboleoo/pen/mdqybaG
RT Elad Shechter
🤓 The difference between the #CSS values of the 'vertical-align' property, such as 'top' and 'text-top', can be confusing.
Once and for all! Here is a visual example.
@CodePen:
https://codepen.io/elad2412/pen/rNYNREr
RT Ana Tudor 🐯
One of the coolest pure CSS things I've ever made on @CodePen:
Faces don't just move/ scale, they also get distorted into different shapes - see the crimson squares that split into 2 right triangles, which then morph into equilateral ones.
https://codepen.io/thebabydino/pen/KKXYarP
RT Johan Karlsson
#genuary 25 - Perspective on @CodePen:
Click to generate a new random pattern!
Position, overlapping, size and shadow
#genuary2022 #creativecoding #generative
https://codepen.io/DonKarlssonSan/pen/WNXNNjo?editors=0010
https://twitter.com/DonKarlssonSan/status/1486029766717489152
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 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 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
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
