@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
RT Adam Argyle
Indeterminate <progress> in all 3 major browsers 🏓
https://codepen.io/argyleink/pen/oNoWvJe
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
RT Jon Kantner
Shiny Debit Card
https://codepen.io/jkantner/pen/GROreja
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
New month, new #CodePenChallenge!
February's theme is Time ⏱
This week, we kick it off with a Timeline
Thanks @retool for sponsoring!
https://codepen.io/challenges/2022/february/1
RT Jhey 🔨🐻✨
3D Custom QR Codes 🤓
• Customizable via props ✨
• Could be quite a cool widget for your home page 🚀
• Respects "prefers-color-scheme" 🌛
• Using @greensock && @reactjs 😎
👉
http://codepen.io/jh3y/pen/NWwROzx
RT Håvard
Creating things on @CodePen is such a great creative outlet as it gives me the possibility try out stuff I’d normally wouldn’t do in my day to day work.🔥
Today a milestone was reached as I hit 2000 followers👏
Thank you!
https://codepen.io/havardob
RT Álvaro Montoro
Three CSS comics related to the current Texas weather and my love for CSS animations.
Demos on @CodePen:
1.
2.
3.
Haters will say I copy-pasted the code and just made minor changes... which I totally did 😋
https://codepen.io/alvaromontoro/full/abVmqra
https://codepen.io/alvaromontoro/full/BamLrBz
https://codepen.io/alvaromontoro/full/rNYMdBv
https://twitter.com/alvaro_montoro/status/1489645543425032196
RT S. Shahriar | Exploring CSS 🎨
I created this CSS art for my best friend to appreciate the love and support she has given me since the beginning 😄
This is my first animated No-DIV CSS art of the month ✨
CSS Geometric Blooming Flower 🌻
@CodePen 🔗
https://codepen.io/ShadowShahriar/pen/vYWXKpK
https://twitter.com/ShadowShahriar/status/1489491427679956993
RT AdirCode
Having fun with some hover states on buttons and links, was thinking a lot about scaling it up so I won’t need a custom hover state for each element and instead I’ll have something more generic that can fit any project.
Here’s the collection in @CodePen:
https://codepen.io/collection/eJdPRk
RT S. Shahriar | Exploring CSS 🎨
Here is the CSS 3D Chessboard model I made earlier
This was my first CSS creation that was featured in CSS Weekly and also in Kevin Powell's YouTube video 🤩🎉
CodePen 🔗
CSS Weekly issue🔗
Kevin's video🔗
https://codepen.io/ShadowShahriar/pen/JjXaOqe
https://css-weekly.com/issue-429/
https://youtu.be/VJGBjSGPpVk?t=2623
https://twitter.com/ShadowShahriar/status/1488779704299847682
RT Ale ☻
CSS TIP💡📝
conic-gradient + background-clip: text =
A pretty cool text effect 🌈🦄✨
CodePen:
https://codepen.io/pokecoder/pen/gOXrxVY
RT Bence
I try to signify these patterns with a relevant emoji, stretching this one a bit 😀
White Fence 🤺 (549 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/bGYpwzV
RT tiffany choong ⚡️
CSS only tiger wishes you a happy #LunarNewYear!
#codepen @CodePen //
http://codepen.io/tiffachoo/pen/vYWLYRR
RT Aysenur
📣🙋♀️Bu hafta @chriscoyier'in daveti ile @CodePen Radio'ya katıldım. Kendisiyle geçtiğimiz yıl yapmış olduğum çalışmalar, ilham aldığım işler hakkında konuştuk.
Aynı zamanda CodePen ekibinden gelen soruları yanıtladım. Benim için harika bir deneyimdi.🤩🚀
https://open.spotify.com/episode/4r6dOL6BNydgatv1HLAEKO?si=2fadb9407abe491b
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
