RT Mads Stoumann
Cube Color Picker — my entry for this week's challenge, using Material Design colors. https://codepen.io/stoumann/pen/MWzJQPQ via @CodePen https://t.co/6uCDhl0Zl0
RT Ksenia Kondrashova
GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯
Live demo & source code: https://codepen.io/ksenia-k/full/NWEbLEq
Made with @threejs
Hosted on @CodePen https://t.co/nM90VYmMV2
RT Mads Stoumann
Filter Compare Slider — anything from cool to scary horror-effects! https://codepen.io/stoumann/pen/qBQqqqg via @CodePen https://t.co/NraP0zY4jw
It's the final week of the "Choice UI" #CodePenChallenge!
This week, let's get into pickers: color pickers, date pickers, file pickers, and more 🗓
https://codepen.io/challenges/2023/june/4 https://t.co/MRH56OdVVw
"🌊 SVG Water Reflection 🌊" by CeramicSoda
https://codepen.io/ceramicSoda/pen/abQNBBz https://t.co/Lln9kwSmpP
"Accept Terms & Conditions" by Mads Stoumann
https://codepen.io/stoumann/pen/GRwRjYP
wait, which ones did I check already? https://t.co/IWkyUvxlg6
RT Dale de Silva
Just watching this @CodePen again.
Is it weird to take joy in your own creations? 🤣
#genArtClub @PixiJS #creativeCoding
Pen: https://codepen.io/daledesilva/pen/OJEYxgj https://t.co/GtQOsbxQJo
RT Mikael Ainalem
The outline button on @CodePen A combination of motion-offset/offset-distance and clipping paths to create an unusual animated outline https://codepen.io/ainalem/pen/ExOgqOE https://t.co/rUZY7Cj1TV
https://twitter.com/mikaelainalem/status/1671972752834568211
RT Matthias Hurrle
Pod Race
@CodePen below 👇 https://t.co/XxLZo9Mqyl
RT Taha Shashtari
✨ Made uploading user pictures a little more fun!
@CodePen link: https://codepen.io/tahazsh/pen/zYMKJEE https://t.co/ADMBR63Mik
RT Jon Kantner
Ripped 404 Page Animation
https://codepen.io/jkantner/pen/ExOgWrp @CodePen #CSS #SVG https://t.co/1HI5vEW6hz
RT Jesper Vos
I made this stretching, bouncy selector for https://www.maneken.app/
Here's a @CodePen to explain how it works using pseudo elements and a transition-delay https://codepen.io/Jesper_Vos/pen/WNYGLEv https://t.co/KycYTWR3Bs
RT Ksenia Kondrashova
What's the most common project in my Three.js practice? Spinning globe, of course! I've made quite a few of them lol
Live demo & source code: https://codepen.io/ksenia-k/full/NWERpmb
Made with @threejs and #gsap (@greensock)
Hosted on @CodePen https://t.co/QPOe1OpAes
RT Kass 🦈
🌟One of my first attempts at photorealistic CSS Art.
People ask me how I got good at this... it was by practicing and doing things like these over and over.
Code here: https://codepen.io/kassandrasanch/pen/VwedQve https://t.co/pYn52EGedP
https://twitter.com/KassandraSanch/status/1671528306125033474
RT Bence
Nonfigurative no. 4 🌀 (496 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/eYQdzwd https://t.co/VGInrwndOR
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Add a fancy 3D animation to your image with a cool hover effect
✅ No extra element (only the <img> tag)
✅ No pseudo-element
✅ Optimized with CSS variables
⚠️ Chrome-only for now
Demo: http://codepen.io/t_afif/full/gOQMMMj via @CodePen
#CSS https://twitter.com/ChallengesCss/status/1664218261456601090 https://t.co/PEaohMV3X3
<div class="rsshub-quote">
T. Afif @ CSS Challenges: 💡 CSS Tip!
Add a 3D effect to your image with a shiny animation on hover ✨
✅ No extra element (only the <img> tag)
✅ No pseudo-element
✅ Less than 10 CSS declrations
Demo: http://codepen.io/t_afif/full/VwEJqKV via @CodePen
#CSS https://t.co/OprEyBYyjE
</div> https://twitter.com/ChallengesCss/status/1670794056262139907
RT Mads Stoumann
Michelin Star Rating — a different kind of rating-control for this week's challenge! https://codepen.io/stoumann/pen/ExOyELW via @CodePen https://t.co/CTQWMXIDcH
RT Taha Shashtari
It's amazing to see how cool animations can be created simply with CSS transform and transition properties! 😍
Here's my star rating demo for this week's #CodePenChallenge
@CodePen link: https://codepen.io/tahazsh/pen/NWErBpJ https://t.co/5cPJLMEym3
RT Mustafa Enes
What would it look like if rain hits and erodes a simplex-noise-generated terrain, I hear you asking. Here's my take on that question with a cellular automaton. You can check it live or hack it @CodePen here: https://codepen.io/pavlovsk/pen/oNQbVrm https://t.co/VSJaxhxC3O
"Glitch effect using only CSS" by Temani Afif
https://codepen.io/t_afif/pen/WNaWBRg?editors=1100 https://t.co/y3ZxOylsqk
Build, test, and discover front-end code 👩🏽💻