@RT Adam Kuhn
lil somethin for this week's @CodePen challenge, another @greensock ScrollTrigger demo, infinite scrolling calendar of February holidays w/ velocity-based motion blur // live every day as if it were tortellini day
thnx for lookin'
https://codepen.io/cobra_winfrey/full/podWgvv
https://twitter.com/cobra_winfrey/status/1494693964816990213
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Apply a zoom effect to your image with a few lines of code:
✅ No extra element (only the <img> tag)
✅ No duplicated images
✅ Only 3 properties
✅ Easy to adjust using CSS variables
Demo:
#CSS
http://codepen.io/t_afif/pen/MWOOMEP
https://twitter.com/ChallengesCss/status/1494274412304125956
RT Chris Coyier
If you wanna hear more about all the New Colors Are Coming stuff (you should!) I grabbed Adam to talk about it all over on @CodePen Radio:
Adam Argyle: Love the tone and honesty of this @css post by @chriscoyier on new CSS color stuff. Color is heavy, it's powerful, and it's simultaneously niche and vast. A collection of thoughts is great for this 🤓
https://css-tricks.com/new-css-color-features-preview/
RT Adam Tomat
Rather than our usual #MarioKart8Deluxe racing at lunch today, we played "Lockout" - competing to finish goals first to get the point.
Built a (very quick) VueJS app to show goals and allow us to check them off ✅
It was silly, chaotic and so fun😃
https://codepen.io/adam-tomat/full/vYWedGo
RT S. Shahriar | Exploring CSS 🎨
Many of us have implemented Range progress fill in Chrome with a few lines of JavaScript
Can't we do it with pure CSS? 🤔
I came up with a pure CSS solution that combines clip-path and box-shadow to give us a solid color fill. No JS/SCSS 😄
@CodePen 🔗
https://codepen.io/ShadowShahriar/pen/zYPPYrQ
https://twitter.com/ShadowShahriar/status/1493836208711299074
RT Jhey 🔨🐻✨
Animated Like Button ❤️
This one's "Design to Dev #2" ✨
🛠 @greensock
👉
👇 Resources/Demo Video
http://codepen.io/jh3y/pen/bGYoEwX
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
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
RT Yoav Kadosh
How did I make Truchet Miles?
A short thread about SVG, generative art, and Truchet tiles.
https://codepen.io/ykadosh/pen/ZVEXJR
RT Amit Sheen
Ball illusion with #PureCSS
Full code @CodePen:
https://codepen.io/amit_sheen/pen/VwrMPgM
RT Jon Kantner
Lotsa Notifications
https://codepen.io/jkantner/pen/XWzePgp
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
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 Bence
Little bittersweet pattern for Valentine's Day.
Threadbare Hearts ❤️🩹 (538 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/qBVPWyW
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
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
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
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
