@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
RT Ksenia Kondrashova
Back to the flowers business!🌺
Exploring aquarelle style by playing with Simplex noise today. And absolutely love the results tbh
Live demo & source code: https://codepen.io/ksenia-k/full/WNYJOrO
Made with @threejs
Hosted on @CodePen
As always, cheers to @bookofshaders
#webgl #shader #glsl https://t.co/PleCgCIMgN
"Magical Text Effect" by Hyperplexed
https://codepen.io/Hyperplexed/pen/YzeOLYe https://t.co/A0DncjEm76
"pattern-with-symetry-generator-1" by thibaud frere
https://codepen.io/tfrere/pen/YzeOJyR https://t.co/TXQsHtkRLj
Lovely idea!
> Tiny Awards is a small prize awarded by an equally-small selection committee of online makers to the website which we feel best embodies the idea of a small, playful and heartfelt web.
https://tinyawards.net/
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
