CodePen.IO :verify: · @CodePen
285 followers · 2492 posts · Server hello.2heng.xinRT Jon Kantner
A #CSS and #SVG text logo animation where everything is outlined, shaded, and then reversed
https://codepen.io/jkantner/pen/qBQgoKq @CodePen
:sys_twitter: https://twitter.com/jonkantner/status/1686936919802814464
CodePen.IO :verify: · @CodePen
282 followers · 2476 posts · Server hello.2heng.xinRT Jon Kantner
A toggle switch with some neon lighting
https://codepen.io/jkantner/pen/MWzqMrp @CodePen #CSS #SVG
:sys_twitter: https://twitter.com/jonkantner/status/1684022533769527297
CodePen.IO :verify: · @CodePen
278 followers · 2457 posts · Server hello.2heng.xinRT Jon Kantner
A star rating given a dose of playfulness!
https://codepen.io/jkantner/pen/BaGVLRx @CodePen #CSS #SVG https://t.co/O6nxJrz3yA
:sys_twitter: https://twitter.com/jonkantner/status/1681869018221740032
CodePen.IO :verify: · @CodePen
266 followers · 2406 posts · Server hello.2heng.xinRT Jon Kantner
Ripped 404 Page Animation
https://codepen.io/jkantner/pen/ExOgWrp @CodePen #CSS #SVG https://t.co/1HI5vEW6hz
:sys_twitter: https://twitter.com/jonkantner/status/1671676877445136384
CodePen.IO :verify: · @CodePen
264 followers · 2390 posts · Server hello.2heng.xinRT Ceramic Soda
🌊 SVG Water Reflection 🌊 https://codepen.io/ceramicSoda/pen/abQNBBz?editors=0100 via @CodePen #codepen #motion #SVG https://t.co/ktrcJlDAic
:sys_twitter: https://twitter.com/CeramicSoda/status/1669803151027830784
CodePen.IO :verify: · @CodePen
261 followers · 2379 posts · Server hello.2heng.xinRT Jon Kantner
Swirling Sun Preloader
https://codepen.io/jkantner/pen/LYXpNpy @CodePen #CSS #SVG https://t.co/ntyaj1fHPE
:sys_twitter: https://twitter.com/jonkantner/status/1668400286824812545
CodePen.IO :verify: · @CodePen
257 followers · 2341 posts · Server hello.2heng.xin
RT Ana Tudor 🐯🖤🌻
✨Best way to get grainy gradients✨ https://www.patreon.com/posts/video-grainy-83191847/
🚫 no external images
🚫 no base64 vomit
🚫 no messing with contrast/ brightness of gradient
✅ under 250 bytes #SVG filter
✅ even less CSS
✅ covers text & shadow cases
https://codepen.io/thebabydino/pen/abjpEbz
https://codepen.io/thebabydino/pen/VwBPygQ https://t.co/agZ4ZawRwm
:sys_twitter: https://twitter.com/anatudor/status/1659474752027648000
CodePen.IO :verify: · @CodePen
257 followers · 2331 posts · Server hello.2heng.xinRT Jon Kantner
When deleting with a button also deletes the button label!
https://codepen.io/jkantner/pen/poxXLav @CodePen #CSS #SVG https://t.co/234lAyCYzw
:sys_twitter: https://twitter.com/jonkantner/status/1664075688813395970
CodePen.IO :verify: · @CodePen
257 followers · 2328 posts · Server hello.2heng.xinRT Carl 💥 Creative Coding Club
Just having a little isometric fun with #GSAP #SVG
It's often the small things that bring the most joy.
#creativeCoding
@CodePen demo right here
https://codepen.io/snorkltv/pen/gOBEOWb?editors=0010 https://t.co/sIhbbmrbRD
:sys_twitter: https://twitter.com/snorklTV/status/1661493563744452610
CodePen.IO :verify: · @CodePen
252 followers · 2304 posts · Server hello.2heng.xinRT Jon Kantner
Atom Preloader
https://codepen.io/jkantner/pen/ZEqqXvo #CSS #SVG https://t.co/lfP1NDzFK4
:sys_twitter: https://twitter.com/jonkantner/status/1659052496176783360
CodePen.IO :verify: · @CodePen
244 followers · 2248 posts · Server hello.2heng.xinRT 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
:sys_twitter: https://twitter.com/nickwatton/status/1653432004090667012
#starwars #starwarscelebration #codepen #SVG #illustration
CodePen.IO :verify: · @CodePen
244 followers · 2246 posts · Server hello.2heng.xinRT Ceramic Soda
💫 SVG Starry cube 💫 https://codepen.io/ceramicSoda/pen/ZEqXypP via @CodePen #CodePen #minimalist #SVG #animation
:sys_twitter: https://twitter.com/CeramicSoda/status/1653344008482193408
#codepen #minimalist #SVG #animation
CodePen.IO :verify: · @CodePen
244 followers · 2242 posts · Server hello.2heng.xin
RT Bence
This one fits in a tweet #SVG
Oblique Stripes 💈 (268 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/jOeGaoR https://t.co/e57I0KkacG
:sys_twitter: https://twitter.com/finnhvman/status/1653385536818536451
CodePen.IO :verify: · @CodePen
232 followers · 2179 posts · Server hello.2heng.xinRT Jon Kantner
If the Windows XP shutdown icon buttons were animated
https://codepen.io/jkantner/pen/oNPRMQY @CodePen #CSS #SVG https://t.co/9YOiA14cnW
:sys_twitter: https://twitter.com/jonkantner/status/1641841533929377792
CodePen.IO :verify: · @CodePen
227 followers · 2139 posts · Server hello.2heng.xinRT Chris Gannon
🍕Pizza Loader🍕 @CodePen https://codepen.io/chrisgannon/pen/abaEbaG @greensock #svg #animation #pizza https://t.co/SfLv9aVg1p
:sys_twitter: https://twitter.com/ChrisGannon/status/1635061082141388801
CodePen.IO :verify: · @CodePen
220 followers · 2113 posts · Server hello.2heng.xinRT Chris Gannon
Basketball hoop loop 🏀🔄🗑️ @CodePen https://codepen.io/chrisgannon/pen/NWzqyBY @greensock #svg #animation #basketball https://t.co/jIkFtHzEHS
:sys_twitter: https://twitter.com/ChrisGannon/status/1630899506614075393
CodePen.IO :verify: · @CodePen
220 followers · 2112 posts · Server hello.2heng.xin
RT Ana Tudor 🐯🖤🌻
For the latest #CodePenChallenge: grainy dissolving an image's edges https://codepen.io/thebabydino/pen/oNMBeye?editors=1100
Done with #CSS + an #SVG filter, heavily commented.
For comparison, the original image in the img tag which you can see on right click, open image in new tab. https://t.co/T0snwG00lr
:sys_twitter: https://twitter.com/anatudor/status/1631242357210333190
CodePen.IO :verify: · @CodePen
219 followers · 2109 posts · Server hello.2heng.xinRT Chris Gannon
ERROR @CodePen https://codepen.io/chrisgannon/pen/BaOpWeL @greensock #GlitchArt #svg #animation https://t.co/SJzAFCV8jf
:sys_twitter: https://twitter.com/ChrisGannon/status/1630705845238374400
CodePen.IO :verify: · @CodePen
214 followers · 2095 posts · Server hello.2heng.xinRT Jon Kantner
Circular Battery Meter
https://codepen.io/jkantner/pen/eYLzPxZ @CodePen #SVG #JS https://t.co/Mj3MFROXcV
:sys_twitter: https://twitter.com/jonkantner/status/1629173309542739969
CodePen.IO :verify: · @CodePen
213 followers · 2090 posts · Server hello.2heng.xinRT Chris Gannon
(D)ANGER ⚡️ @CodePen https://codepen.io/chrisgannon/pen/xxaOgLz @greensock #svg #animation https://t.co/NPOQxfmBaN
:sys_twitter: https://twitter.com/ChrisGannon/status/1628730220286033924