Show newer

RT Rita
I created a nifty stepper component with React using 'useState' to manage the step state. I've spent the last few weeks trying to ward off my imposter syndrome, so l'm just building stuff.
Check it out!
codepen.io/ritabradley_dev/liv via @CodePen

:sys_twitter: twitter.com/ritabradley_dev/st

RT Mikael Ainalem
The outline button on @CodePen A combination of motion-offset/offset-distance and clipping paths to create an unusual animated outline codepen.io/ainalem/pen/ExOgqOE t.co/rUZY7Cj1TV

:sys_twitter: twitter.com/mikaelainalem/stat

RT Ksenia Kondrashova
What's the most common project in my Three.js practice? Spinning globe, of course! I've made quite a few of them lol
Live demo & source code: codepen.io/ksenia-k/full/NWERp
Made with @threejs and (@greensock)
Hosted on @CodePen t.co/QPOe1OpAes

:sys_twitter: twitter.com/uuuuuulala/status/

RT Kass 🦈
🌟One of my first attempts at photorealistic CSS Art.
People ask me how I got good at this... it was by practicing and doing things like these over and over.
Code here: codepen.io/kassandrasanch/pen/ t.co/pYn52EGedP

:sys_twitter: twitter.com/KassandraSanch/sta

RT Craig Roblewsky
A little rolling text @CodePen as an answer to a @greensock forum question. Uses the SplitText plugin.
codepen.io/PointC/pen/ZEmOKvP

:sys_twitter: twitter.com/Craig_PointC/statu

RT Geoff Dusome
Responsive type scaling via the CSS clamp function is the future and can safely be used in all modern browsers. Why aren't you using it yet?
codepen.io/geoffdusome/pen/xxQ

:sys_twitter: twitter.com/GeoffDusome/status

RT T. Afif @ CSS Challenges
💡 CSS Tip!
Add a fancy 3D animation to your image with a cool hover effect
✅ No extra element (only the <img> tag)
✅ No pseudo-element
✅ Optimized with CSS variables
⚠️ Chrome-only for now
Demo: codepen.io/t_afif/full/gOQMMMj via @CodePen
twitter.com/ChallengesCss/stat t.co/PEaohMV3X3
<div class="rsshub-quote">
T. Afif @ CSS Challenges: 💡 CSS Tip!
Add a 3D effect to your image with a shiny animation on hover ✨
✅ No extra element (only the <img> tag)
✅ No pseudo-element
✅ Less than 10 CSS declrations
Demo: codepen.io/t_afif/full/VwEJqKV via @CodePen
t.co/OprEyBYyjE
</div>
:sys_twitter: twitter.com/ChallengesCss/stat

RT Josh Dillon
I came across the awesome svgjs.dev library and used it to build this fun transforming menu toggle:
codepen.io/jdillon/pen/LYXZMKo
So many cool things to build! 🤓
@CodePen

:sys_twitter: twitter.com/_jdillon/status/16

RT Taha Shashtari
It's amazing to see how cool animations can be created simply with CSS transform and transition properties! 😍
Here's my star rating demo for this week's
@CodePen link: codepen.io/tahazsh/pen/NWErBpJ t.co/5cPJLMEym3

:sys_twitter: twitter.com/tahazsh/status/167

RT Mustafa Enes
What would it look like if rain hits and erodes a simplex-noise-generated terrain, I hear you asking. Here's my take on that question with a cellular automaton. You can check it live or hack it @CodePen here: codepen.io/pavlovsk/pen/oNQbVr t.co/VSJaxhxC3O

:sys_twitter: twitter.com/scriptype/status/1

Show older
小森林

每个人都有属于自己的一片森林,也许我们从来不曾走过,但它一直在那里,总会在那里。迷失的人迷失了,相逢的人会再相逢。愿这里,成为属于你的小森林。