CodePen.IO @[email protected]

RT Amit Sheen
So that's what we did today on the @FrontendHorse.
A pure #CSS animated horse! 🐎🐎🐎
Thank you @trostcodes for having me, and to the great people in the chat for the amazing responses. Hope to see you all in the next streams.
Full code @CodePen:
https://codepen.io/amit_sheen/full/podWQwq

https://twitter.com/amit_sheen/status/1493669752077799424

RT Dr Abstract
EMOJI HOLIDAYS! A new @CodePen #CodePenChallenge for Days - given February's holidays in the States as data. Made in an hour with ZIM... good luck doing something like that in HTML.
#Canvas #JavaScript #CreateJS #ZIMjs #Holidays
https://codepen.io/zimjs/pen/zYPEMVq

https://twitter.com/Dr_Abstract/status/1493621223556796422

RT Amit Sheen
Ball illusion with #PureCSS
Full code @CodePen:
https://codepen.io/amit_sheen/pen/VwrMPgM

https://twitter.com/amit_sheen/status/1493359020312346625

RT Jon Kantner
Lotsa Notifications
https://codepen.io/jkantner/pen/XWzePgp

https://twitter.com/jonkantner/status/1493574061959655426

RT AdirCode
800 followers 🎉
Thank you for following me 🙏
If you’re new here I’m a UI/ UX Designer making creative coding challenges with mostly HTML & CSS, sometimes also SVG, JavaScript, React and even p5.
Welcome new followers, say hi 👋
Here’s the @CodePen:
https://codepen.io/Adir-SL/pen/BamRwNm

https://twitter.com/adircode/status/1493228082672676868

RT Md Usman Ansari
Today, I made another beautiful CSS art animation.
CSS blooming flowers 🌷 with falling leaves 🍃
@CodePen
#CSS
https://codepen.io/mdusmanansari/pen/bGYrmjY

https://twitter.com/MdUsmanAnsari_/status/1493194247499296773

RT Aragakey.
今年元夜时
https://codepen.io/aragakey/full/LYOzPzw

https://twitter.com/jiangyijie27/status/1493239479066566656

RT Bence
Little bittersweet pattern for Valentine's Day.
Threadbare Hearts ❤️‍🩹 (538 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/qBVPWyW

https://twitter.com/finnhvman/status/1493243483854983172

RT Kaz 🎨 Artveloper & Generative Artist
I take no responsibility for the emotional trauma this code will cause you...or any other code I have written as a matter of fact.
Happy Valentine's Day everyone!
Here's the @CodePen:
https://codepen.io/Sanja_kaz/full/QWOMPmN

https://twitter.com/sanja_kaz/status/1493231804047835137

RT T. Afif @ CSS Challenges
💡 CSS Tip!
Transform your image into a cool post stamp with a few lines of code.
✅ No extra element (only the <img> tag)
✅ No pseudo element
✅ Works with any image size
✅ Easy to adjust using CSS variables
Demo:
#CSS
https://codepen.io/t_afif/full/gOXxvgM

https://twitter.com/ChallengesCss/status/1493192018553716738

Ready for your next #CodePenChallenge?
This week, we continue the Time theme with Days 🗓
Thanks @retool for sponsoring!
https://codepen.io/challenges/2022/february/2

https://twitter.com/CodePen/status/1493255222633844742

RT Ryan Mulligan
Show some love today with this hearty @CodePen animated with @greensock. Add a personalized message and share your custom link with that special someone 💘
https://codepen.io/hexagoncircle/full/PoOberB

https://twitter.com/hexagoncircle/status/1493233778583474184

RT Ana Tudor 🐯
#tinySVGtip Use markers for dots on your line chart!
Saw a chart where each & every dot's a 4 cubic Bézier path (& each of the horizontal lines a repetitive horror too) 😱
Could be very much simplified with circle markers set on line! See it on @CodePen:
https://codepen.io/thebabydino/pen/wvPdJBG

https://twitter.com/anatudor/status/1491700787696836615

RT Jhey 🔨🐻✨
Air Horns!!! 👇✨📢
Reminded of this one by @shashiwhocodes && @genericmikechen on the live stream the other day 😅
Make fun toys with tech combinations you haven't played with yet to learn new techniques 🤓
🛠 @greensock && @PixiJS
👉
http://codepen.io/jh3y/pen/bGEevKa

https://twitter.com/jh3yy/status/1491819885495828482

RT Adam Argyle
Indeterminate <progress> in all 3 major browsers 🏓
https://codepen.io/argyleink/pen/oNoWvJe

https://twitter.com/argyleink/status/1491782506982510599

RT T. Afif @ CSS Challenges
💡 CSS Tip!
Create a fancy hover effect with a simple code
✅ No extra element
✅ No pseudo elements
✅ Only background properties (2 gradients for the 4 sides)
✅ Optimized with CSS variables
Demo:
#CSS
https://codepen.io/t_afif/pen/XWzRpeR

https://twitter.com/ChallengesCss/status/1491733994089730053

RT Adam Kuhn
used the mario-themed stock template for this week's @CodePen challenge w/ @greensock's scrolltrigger plugin + a whole lot of custom properties & spritesheet animations for this horizontal scrolling timeline
https://codepen.io/cobra_winfrey/full/OJOpgEP

https://twitter.com/cobra_winfrey/status/1491791784585822220

RT Jhey 🔨🐻✨
You tell me...
A CSS game for all your friends and family to enjoy 🙃
👉
http://codepen.io/jh3y/pen/zYPZmdv

https://twitter.com/jh3yy/status/1491411427256864768

RT Jon Kantner
Shiny Debit Card
https://codepen.io/jkantner/pen/GROreja

https://twitter.com/jonkantner/status/1491037346728333320

RT Pete Barr 🤟
Here's a satisfyingly stretchy jello text effect using a #variablefont with @greensock's GSAP SplitText. It's been over a year since I last did something fun on @CodePen so I hope you like it. 🤟
The Pen:
GT Flexa font by @grillitype
https://codepen.io/petebarr/pen/LYzBoeg

https://twitter.com/petebarr/status/1490979600071282688