@RT Wakana Y.K.
Tonight, the bunny is in the spotlight on stage, responding to the cheers of the crowd🐰🪩✨
Particle Spotlight
Demo:https://codepen.io/wakana-k/pen/eYQjReV
@CodePen #codepen #threejs
RT Bence
Inspiration comes from Jupiter of course 🙂
Gas Giant 🪐 (560 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/jOQvYaz
RT Amit Sheen
New video! with @KevinJPowell, and as a nod to this month's #CodePenChallenge, we talked about particle animations, and also about animating the timing function, SASS loops, nice uses of random, and more.
Would love to get your comments and remarks. 😊
https://youtu.be/9dEIg2xOphE
RT Nicolas Jesenberger
Scratch card made with canvas and SVG filter 🎁
Demo on @CodePen: https://codepen.io/nicolasjesenberger/full/jOQGgVB
It's the final week of the Particles challenge!
This week, let's experiment with particle physics ⚛️
https://codepen.io/challenges/2023/july/4
RT T. Afif @ CSS Challenges
🎨 CSS Pattern!
Demo: http://codepen.io/t_afif/full/poQZPJM via @CodePen
#CSS
https://twitter.com/ChallengesCss/status/1682706981008572416
RT Ceramic Soda
🍁 Falling autumn leaves shader 🍁 https://codepen.io/ceramicSoda/pen/xxQJqVv via @CodePen #codepenchallenge #shader #webgl #threejs
RT jhey 🔨🐻✨
Future CSS Tip! 🔮
Use scroll-driven animations to create an 🍏 style scrolly portfolio ✨
This is all jus' CSS 🚀 Animate numbers, 3D, etc. 🔥
Favorite part is the spinning 3D laptop inspired by a challenge from @brad_frost a while back 😅 (Watch 👀)
@CodePen link below! 👇
RT Tibix
Most of you probably don't know but i do generative art aswell 🖤
Coded in JS using three.js, check out the live version with a settings menu to style your own ✨
https://codepen.io/Tibixx/pen/poxBzYJ https://twitter.com/i/web/status/1682369572706426883 https://t.co/xbBkCvgLG2
RT Ricardo Oliva Alonso
Todos tienen un Nintendo Switch con CSS. no me podía quedar atrás 😁
Live @CodePen : https://codepen.io/ricardoolivaalonso/pen/QWJxYXE
#html #css #javascript #NintendoSwitch #3D #animation #FrontEnd https://t.co/pcjTDouimq
RT Dale de Silva
“The Omega 10”
Before the Omega 13, some distant travellers found the Omega 10.
This week’s #CodePenChallenge on the theme of particle shapes. Made with #threejs #gsap #javascript
View it live on #CodePen at
https://codepen.io/daledesilva/full/RwqyXQx https://t.co/4AL6aDZDtR
RT Mads Stoumann
Interactive Yayoi Kusama Poster — drag the slider or click the color-picker to make your own! https://codepen.io/stoumann/pen/bGQjNXQ via @CodePen https://t.co/cQaRk8DiyM
RT Matthias Hurrle
Re Ethereal Whispers https://codepen.io/atzedent/pen/wvQXVRE via @CodePen #codepenchallenge
RT Ana Tudor 🐯🖤🌻
Ever wondered how you could turn an irregular shape (from custom text/ image) into dots or other particles?
Well, wrote a detailed explanation on how to do this https://stackoverflow.com/a/76720153/1397351 as it's also the topic of this week's #CodePenChallenge.
With lots of demos, enjoy!❤️🐈⬛😼😈 https://t.co/KhlzRSvlNn
RT Steve Gardner
Better late than never on last weeks @CodePen cursor following challenge!
Rainbowluminescence!
https://codepen.io/ste-vg/pen/qBQVGEG https://t.co/DkCs2ri3PV
RT Amit Sheen
Second #CodePenChallenge for the week. 😊
if you draw shapes with particles, you can morph them with a simple transition. 🥳
#CSS only. (using trig functions and radio selectors)
Live demo at @CodePen: https://codepen.io/amit_sheen/full/wvQXdRa https://t.co/RtsR5nLmuA
RT Jon Kantner
A star rating given a dose of playfulness!
https://codepen.io/jkantner/pen/BaGVLRx @CodePen #CSS #SVG https://t.co/O6nxJrz3yA
RT Adam Argyle
theme hue = scroll position
updated demo with:
✅ oklch for easier accessible color pairing
✅ uses latest SDA syntax
requires:
✅ HDR color
✅ @property
✅ SDA (scroll driven animations)
essentially Canary for now, but these are web standards 🤓
🔬 https://codepen.io/argyleink/pen/BaGVyyJ https://t.co/0FBPBj6DEX
RT masahito art
Coded an interactive platypus - follows cursor movement and swims towards clicked / touched coordinate
@CodePen
https://codepen.io/Ma5a/full/poQVXYO
#javascript https://t.co/exeImd5Vzc
RT Amit Sheen
This week's #CodePenChallenge is about Particle Shapes, so I thought it's a good time to redo this Ball of Balls.
#CSS only, 360 balls, 1 animation. 😊
Live demo on @CodePen: https://codepen.io/amit_sheen/full/eYQrWje https://t.co/9FWj9bIFEI
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
