RT Louis Hoebregts
How much hair with your fox, 50k - 100k - 200k?
@threejs @CodePen #webgl
https://codepen.io/Mamboleoo/pen/qBPyqKg
RT ilithya
S02 E03 #curiouslyminded ✨
Last year @iamelizasj and I said goodbye to 2021 with our last guest by having the crazy talented @mattdesl joining us. I enjoyed this session so much! (might be biased, as a designer)…
https://codepen.io/ilithya/pen/zYEqbPa
https://twitter.com/ilithya_rocks/status/1479220634702032897
RT CSS Challenges
🏆 CSS Challenge
A new entry for the #CodePenChallenge. Another CSS-only generative art.
Demo:
#CSS
https://codepen.io/t_afif/pen/jOGprqz
https://twitter.com/ChallengesCss/status/1479199091875848193
RT Trapti Rahangdale
#codepenchallenge Image gallery with SVG, FLIP and GSAP.
https://codepen.io/tripti1410/full/WNZyWmv
RT Ana Tudor 🐯
Re @argyleink @CodePen For more compact patterns, see also
and
https://css-tricks.com/background-patterns-simplified-by-conic-gradients/
https://www.youtube.com/c/anatudor/search?query=pattern
RT Adam Kuhn
here's something for this week's generative @CodePen challenge, some gooey animated randomized SVG flow fields with the most Lisa Frank palette I could conjure. click to regenerate but be warned this *might* just melt your graphics card
https://codepen.io/cobra_winfrey/pen/abLKGom
https://twitter.com/cobra_winfrey/status/1479153442262327297
RT Jane 💜
CSS Only #StarWars Binoculars Animation using augmented-ui
Live demo on @CodePen!:
https://codepen.io/propjockey/pen/NWazORr?editors=1100
RT Jon Kantner
Radio Tube
https://codepen.io/jkantner/pen/ExwRBEx
RT Sophia Wood
I made something:
Random walk dungeon with random walk dragons.
press n for a new map
press space to download
comments suck ( I did this in my limited time tonight)
#CodePenChallenge #cpcrandom
https://codepen.io/fractalkitty/full/BawVqJz
RT manolis
For this week's "Random" #codepenchallenge, I've created the "Probabilistic Groove Machine", where every sound is triggered randomly following a pattern of probabilities ranging from 0 (never) to 1 (always).
@CodePen
https://codepen.io/mankal111/pen/dyVegzb
RT Álvaro Montoro
A CSS drawing to match the day: the Three Wise Men.
Demo on @CodePen:
Video of the process:
https://codepen.io/alvaromontoro/full/rNGKgqr
https://www.youtube.com/watch?v=abvmapNUZzs
https://twitter.com/alvaro_montoro/status/1479098883204468737
RT Dilum Sanjaya
Trying out new @tailwindcss play CDN with @CodePen . A fully responsive dashboard with zero custom classes.
https://codepen.io/dilums/full/YzrvrBy
RT Ben Matthews
#genuary Day 5: Square Destruction
@CodePen
https://codepen.io/tsuhre/pen/vYergXg?editors=0010
RT GreenSock
🎲 We noticed the @CodePen challenge prompt this week is 'random'
Did you know that GSAP has a built in random utility?
Check it out!
codepen
docs
http://codepen.io/GreenSock/pen/yLzjGMJ
http://greensock.com/docs/v3/GSAP/UtilityMethods/random
RT Christopher Kirk-Nielsen
For this week's @CodePen #CodePenChallenge, it's about randomness… how about a random Liam Neeson movie poster? Not a real movie, but a fake one that almost-kind of sounds real… Find it here:
https://codepen.io/chriskirknielsen/pen/ExwRYXO
RT Bence
Here's a little terrain generator in pure SVG. Just add the seed attribute with a random integer to feTurbulence tag, and you'll get a new one! 🧙
Example👉
<feturbulence ...<br="" seed="87643">
Relief Map 🏔️ (528 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/RwLyEBO
</feturbulence> https://twitter.com/finnhvman/status/1478396085907435533
RT S. Shahriar
Had a super fun time playing with @ChallengesCss's CSS-only Back-To-Top button ✨✨
I decorated the demo a little bit and added 'scroll-behavior: smooth' for a smooth scroll transition 🤩
@CodePen:
https://codepen.io/ShadowShahriar/full/jOGxvZq
https://twitter.com/ShadowShahriar/status/1478355194379259905
RT Ale ❄️✨
I discovered CSS art back in September... these are some of my favorite creations since then. Can't wait to learn & do so much more with it this year! 🎨💕
CodePen:
https://codepen.io/pokecoder
RT Jhey 🔨🐻✨
Need a carousel for your website? ✨
Use CSS! 😅
A responsive 3D carousel using Houdini, 3D transforms, and custom properties 💪
👉
http://codepen.io/jh3y/pen/VwMxoax
Build, test, and discover front-end code 👩🏽💻