@RT Wakana Y.K.
Happy Holidays!
Demo : https://codepen.io/wakana-k/full/ExrBQKq
@CodePen #codepen #threejs
RT Andreas Storm
macOS app update concept
http://cdpn.io/XWOLQdZ
RT Juxtopposed
I was gonna jump on Lego Fortnite today
but these buttons... they wouldn't leave me alone :(
so I *had to* recreate them on @CodePen
https://codepen.io/Juxtopposed/full/yLZmVrW
"Smooth Button" by POTI
https://buff.ly/3TsH1k3
Those inset box-shadows give the buttons the look of a well-worn keyboard key.
RT Lea Verou
I wanted to explain fractions to Zoe visually, but all relevant apps targeted older kids and were too complicated for my needs.
Took 15 mins to scratch my itch and prototype this in @CodePen: https://codepen.io/leaverou/pen/yLZdVMZ
Memorable URL / more robust layout at https://zoelearns.com/fractions/… https://twitter.com/i/web/status/1735709442170101778
RT Chris Gannon
Interactive Christmas Tree ❤️🎄 @CodePen https://codepen.io/chrisgannon/pen/VwgJMLa @greensock #interactive #svg #Christmas
RT Amit Sheen
🎉 Happy Holidays 🎉
Today is the last day of Hanukkah, and for each of the eight days of the holiday we did a live stream, played with #CSS, and built a new menorah animation.
The result's in the video, and the full codes are in the @CodePen collection: https://codepen.io/collection/OLzEpv https://twitter.com/i/web/status/1735408759885689244
RT David Aerne
Revamped an old @CodePen showcase with the latest RampenSau features! 🚀 Dive into a burst of vibrant p3+ colors! 🎨 Check it out: https://codepen.io/meodai/full/ExQWwar #color #generative
RT deadrabbbbit
Tried to recreate the cool effects from Hyundai's website.
Here's a simple version build with @greensock , hosted on @CodePen .
https://codepen.io/d3adr4bbit/pen/RwvmGzV
Sound on...🔊
RT Arby
Scroll-Based Animation isn't just about items popping out; it's about storytelling. Check out this dynamic content lockups with Scroll-Driven Animations built with @openprops
CodePen: http://codepen.io/mobalti/full/Jjxqjxe
@CodePen @argyleink @bramus #CSS #webdev
RT Jon Kantner
Collapsible Timeline
https://codepen.io/jkantner/pen/NWoVGXx @CodePen #CSS #JS
"Long/Short" by Hannah Morgan
https://codepen.io/fionchadd/pen/eYxxOgR
(What a cool use case for the Greensock MorphSVG plugin and morphing multiple SVGs into a stretched-out version of themselves.)
RT Álvaro Montoro
Re @ivorjetski @garethheyes @CodePen My entry: https://codepen.io/alvaromontoro/pen/abXxrNN
An interactive (and slightly responsive) lamp.
https://twitter.com/alvaro_montoro/status/1733246103464624489
"Spell Caster" by Steve Gardner
https://codepen.io/ste-vg/pen/zYerxoR
(This is an incredible Pen. The graphics and experience are so good. And fun! Stunning.)
"Spell Caster" by @steeevg
https://codepen.io/ste-vg/pen/zYerxoR
(This is an incredible Pen. The graphics and experience are so good. And fun! Stunning.)
The Opposites #CodePenChallenge continues!
This week, let's work with soft & sharp 🍦
https://codepen.io/challenges/2023/december/2
"Tab Bar Animation" by Aaron Iker
https://codepen.io/aaroniker/pen/KKbOaEb
(I was so prepared for the little border on the bottom to move, but not THAT.)
RT Jordan Dey
Did you know you can achieve a parallax effect using the CSS 'perspective' property?
It's surprisingly simple! Take a peek at this #StarWars inspired CodePen to see the magic unfold🌌✨
🔗@CodePen: https://codepen.io/DeyJordan/pen/WNPmxro
72 lines of #CSS 🤏
23 lines of #javascript ⚛️
RT Adam Argyle
linear() + box-shadow + selectors, get a neat little effect no?!
Codepen:
https://codepen.io/argyleink/pen/XWOOydB
https://nerdy.dev/neat-bouncy-focus-effect-with-linear-and-box-shadow
RT Amit Sheen
Oh, dreidel, dreidel, dreidel
I made it out of #CSS
And add some animation
Then, dreidel I will play
Happy Hanukkah 😊
Live demo and full code on @CodePen: https://codepen.io/amit_sheen/pen/mdvvowe https://twitter.com/i/web/status/1732910338067124467
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
