@RT Amit Sheen
One orb, three axes, 24 rings =>🥳
(#CSS only)
Live demo on @CodePen: https://codepen.io/amit_sheen/full/MWPrWoB https://t.co/NmrgYrHgzP
RT Håvard
📷 Polaroid memories (not my memories, though)
A sticky scroll experiement for this week’s @CodePen challenge 🤩
https://codepen.io/havardob/pen/KKGZGLW
RT Josh Dillon
I've been experimenting with SVG animation and hamburger menu toggles, here's one with some flare! ✨
https://codepen.io/jdillon/pen/dygdrNr
@CodePen #JS #CSS #javascript
RT Jane Ori 💜 CSS Contortionist
100% 3D CSS + HTML Render (+ basic JS Controls)
https://codepen.io/propjockey/full/KKGQpdK
View on @CodePen ^ 💜
warning: Stress Test and it works wayyyyy better in Firefox! 👀
Original artwork by @Romaintrystram https://t.co/P9HRHkK8Ph
The Typography of Quotes #CodePenChallenge continues!
This week, we're working with blockquotes 🧱
https://codepen.io/challenges/2023/May/2 https://t.co/t5Uo4DdWDb
RT jhey 🔨🐻✨
What you can do when you animate time itself ⚡️
Pretty close, with a twist 🤏
The trick is to animate the trails going around a few times. Then animate a window of that animation on a loop.
Tweak your timings, rinse, and repeat! 😎
🛠️ @greensock
👇 @CodePen link https://t.co/wMPezaipkR
RT Nicolas Jesenberger
Colorful Toggle Switches 🔴🟡🔵
I will try to regularly code small elements like these, recommendations are welcome!
Anyway, @CodePen below! ⬇️ https://t.co/UIUrepg7pS
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Add a slanted background to your container that extend to the edge of the screen.
✅ Only 2 CSS properties 🤯
✅ No pseudo-element
✅ No scrollbar issue
✅ One variable to control the angle
Demo: http://codepen.io/t_afif/full/zYmpdeK via @CodePen
#CSS https://t.co/Pb1QJNwuaU
https://twitter.com/ChallengesCss/status/1654449075163484162
RT Ana Tudor 🐯🖤🌻
🆕 quick video: pure CSS invert text on scroll https://www.patreon.com/posts/video-pure-css-82521128 - yes, we can now do this without JS! 🤯
Live demo on @CodePen https://codepen.io/thebabydino/pen/QWVLBqe
Inspiration https://codepen.io/PointC/pen/ZErvbPR https://t.co/whR92o5SCt
RT S. Shahriar
In a recent video, @KevinJPowell showed us a way to transition height from 0 to auto. Seeing that I couldn't resist experimenting with the idea
Then I came up with this CSS-only Accordion with fancy reveal animation 😅
@CodePen 🔗 https://codepen.io/ShadowShahriar/pen/LYgeNLB https://t.co/j5hpSEdkj4
https://twitter.com/ShadowShahriar/status/1654241132778512385
RT Jon Kantner
A timeline experiment with IntersectionObserver and enter and exit transitions of items
https://codepen.io/jkantner/full/ZEqvpWd @CodePen #CSS #JS https://t.co/cerrLcty69
RT Jordan Dey
Check out my submission for the #CodePenChallenge!🎨
I created a poster with famous Marvel quotes🦸♂️💬
Take a look at my @CodePen: https://codepen.io/DeyJordan/pen/ZEqadrm
#HTML #CSS #design #web #dev #developer #development #FrontEnd #typography #fontvariable #UI #Code #Inspiration https://t.co/gTCjTtlhFV
RT kotAndy 🐾
I couldn’t resist taking the opportunity to congratulate everyone on #StarWarsDay ✨ via @CodePen
May the 4th be with you ❤️
https://codepen.io/kotAndy/full/mdzqQKW
#CodePenChallenge #typography #creativecoding #typescript #codepen @PixiJS https://t.co/iTRyZ6asQi
RT Laura | Front End Sr
May the 4th be with you ✨ only html and css art on @CodePen for all the Star Wars fans as me❤️
https://codepen.io/lauragrassig/pen/dygZaxB https://t.co/Qsl0wmYS9v
RT Front Row Greg
May @CodePen Challenge: Quote Poster
#MayThe4thBeWithYou
https://codepen.io/gvissing/pen/rNqYbyV https://t.co/ffNRwYTOZE
RT jhey 🔨🐻✨
Hold pointer down, you must 👇
A little SVG animation for May the 4th 💫
🛠️ @greensock
@CodePen link below 👇 https://t.co/er8zpdpbL6
RT Konstantin Denerz
May the Force be with you! ✨
🔗 CSS Switch https://codepen.io/konstantindenerz/pen/oNaGOpE via @CodePen
✅ Works perfect in Chromium browser
#css #component #animation #starwars #maytheforcebewithyou #maytheforth https://t.co/fovPHKdb3v
RT Josh Dillon
I took some time recently to experiment with clip-path: inset and animating buttons using pseudo elements. So many possibilities!
https://codepen.io/jdillon/pen/JjaqgWN
@CodePen #JS #javascript #CSS
RT Nick Watton
I just finished a @CodePen of a Star Wars Celebration logo using hand rolled SVGs. It was a fun challenge and I'm really pleased with how it turned out. Next, perhaps to animate it?!
https://codepen.io/2Mogs/full/KKGXPmX
#StarWars #StarWarsCelebration #codepen #svg #illustration
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
