RT Cassie Evans
🥳 We made some jazzy spinny flips today on @trostcodes Frontend horse stream!
Using @greensock's FLIP plugin for seamless animation between the two states. ✨
codepen here -
watch it back -
https://codepen.io/cassie-codes/pen/abyZYym?editors=0010
https://www.twitch.tv/videos/1182923529
RT Chris Coyier
Had a great chat with @lynnandtonic!
https://blog.codepen.io/2021/10/20/338-with-lynn-fisher/
RT Takane Ichinose 市瀬峻峰
#CodePenChallenge 3-Ways Ghost Display Confirm Button
*3D modelling beginner*
I created 3D ghost using #blender, #threeJS, and #css (2.5D).
I created animation using @greensock.
Press the confirm button to show the ghost 3D model.
#javascript
https://codepen.io/takaneichinose/pen/vYJGowE?editors=0010
RT Maxime Malfilâtre
Wanna summon the ghosts ?
Here are 9 ghosts ready to play with you 👻
@CodePen
#CodePenChallenge
https://codepen.io/maxew33/full/NWvRLPV
RT Jhey 🐻🛠
Keep Calm and Keep on Stackin'
3D CSS animation/interpretation of the @StackOverflow logo 😅
👉
http://codepen.io/jh3y/pen/dyzpVrY
RT Louis Hoebregts
Soothing @p5xjs animation I made by accident while trying to draw star polygons with curves instead of straight lines 🪢
(Mouse & touch interactive 💡)
https://codepen.io/Mamboleoo/pen/MWvjpQJ
RT Lea Rosema
Final result of the @FrontendHorse stream via @CodePen :
A zigzag swirl shader animation using @threejs, @greensock, dat-gui and a SpeedClock class which works like THREE.Clock but with adjustable speed aka timetravel features.
https://codepen.io/terabaud/pen/GRvZzXv
RT Álvaro Montoro
#divtober 19: nostalgia. A cassette with sweet-sweet music recorded directly from the radio.
Demo on @CodePen:
And a video of how it was done:
https://codepen.io/alvaromontoro/pen/eYEzPrb
https://www.youtube.com/watch?v=0zaKHAa439A
https://twitter.com/alvaro_montoro/status/1450655646198665219
RT Lynn Fisher
A lot of my nostalgia centers around snack food.
#divtober 19: Nostalgia
🧀
@CodePen:
https://a.singlediv.com/
https://codepen.io/lynnandtonic/pen/qBXNLgQ
RT Jon Kantner
Checkmark Spinner
https://codepen.io/jkantner/pen/VwzjmKL
RT jesús 🥑
103 / #100DaysOfCode
I stopped my book api creation to do this week's #CodePenChallenge. It's about Bad Buttons and Scary UX 👻
https://codepen.io/jesusrmz/full/Yzxqbwy
RT Tanner Dolby
3D CSS Books 📚
Book covers fetched from the Open Library Covers API and animations created with @greensock
@CodePen:
https://codepen.io/tannerdolby/full/MWvyjQQ
RT Aaron Iker
🌊 Fluid Toggle
@CodePen
Concept from @cerpow
https://cdpn.io/rNzLwZL
RT Amit Sheen
Drop...
#CSS
Full code @CodePen:
https://codepen.io/amit_sheen/pen/WNEwawd
RT Louis Hoebregts
Do you want to practice for the Squid Game at home?
Here is your chance to play the Red light, Green light game using your face on @CodePen 🚦 #SquidGame
Do NOT move when the doll is watching! 🎎
https://codepen.io/Mamboleoo/full/abydvaG
It's week three of the Scary UX #CodePenChallenge!
This week we're working with some Bad Buttons 😈
Thanks @useshortcut for sponsoring!
https://codepen.io/challenges/2021/october/3
RT Sophia Wood
3d version of yesterday's automata:
#mathart #generativeart #mathober #p5js
up and down change the rules for life
spacebar will change the number of nodes
https://codepen.io/fractalkitty/live/KKvVdBN
RT MATTHEW SAYS ✊🏽✊🏾✊🏿 #BlackLivesMatter
It's been a while since I knocked out a @CodePen and so here is me dipping my toe back in.
https://codepen.io/mwmwmw/full/ExvPaJq
https://twitter.com/MatthewWillox/status/1449019862827692033
RT Ana Tudor 🐯
See me code another set of pure CSS 🌈 dot animation variations
Live on @CodePen:
More variations than in gif below possible, see video 🙃
https://www.patreon.com/posts/video-pure-css-57406290in
https://codepen.io/thebabydino/pen/eYEYmLz
Build, test, and discover front-end code 👩🏽💻