RT AdirCode
I love these buttons I made inspired by old prints of #comicbooks and #illustrations where you can see the offset on the print by colors, I just love old stuff ❤️
Here’s the Codepen:
https://codepen.io/Adir-SL/pen/ZELMKZj
RT Louis Hoebregts
I really like the animation on @Apple homepage from yesterday's keynote #AppleEvent
So here is a version made with #canvas based on an #SVG and animated with @greensock 🌈
Check it on @CodePen 👀
https://codepen.io/Mamboleoo/pen/ZELqMOg
RT Elissavet Triant. 👩🏼💻
What are you working on?
I'm working on this week's @CodePen #codepenchallenge "On and Off Micro-Interaction":
Here's a sneak peek.
#uidesign #ux #FrontEnd #webdevelopment
https://codepen.io/challenges/2021/april/3
RT Cassie Evans
💚 It's exciting news time!! 💚
I'm *thrilled* to announce I'm joining @greensock as the 'Lead bestower of animation superpowers'.
🥳 I made an excited little sock to celebrate!
https://codepen.io/cassie-codes/pen/ExZpRwO
RT Milan Raring
Short and simple download button animation
@CodePen
Check me on Dribbble
https://cdpn.io/OJWvwpq
https://dribbble.com/milanraring
RT Ana Tudor 🐯
See me code a pure CSS, 1 element liquid loader in ~15 minutes
Live on @CodePen
Inspiration
https://www.patreon.com/posts/video-pure-css-50228618
https://codepen.io/thebabydino/pen/VwPWQxw
https://dribbble.com/shots/6201614-Liquid-Loading
RT Jon Kantner
Started a new collection for all my Pens related to particles!
https://codepen.io/collection/WvbxGM
RT masahito art
panda button! @CodePen
#panda #javascript
https://codepen.io/Ma5a/full/bGgxaYy
RT Ashton
HTML & CSS Art
My Codepen collection:
https://codepen.io/collection/XQYwJJ
RT Stephanie Eckles
🟣 CSS Quick Tip
Enhanced `:not()` can take a selector list, and refer to the base selector with `*`
You can demo the following snippet in this @CodePen
https://codepen.io/5t3ph/pen/OJWoJrE
Ready for your next #CodePenChallenge?
This week, let's build a great on/off microinteraction 💡
Thanks @pluralsight for sponsoring!
https://codepen.io/challenges/2021/april/3
RT George Francis
New CodePen! ✨ — “A Very Wobbly Liquid SVG Button”
I’m super happy with how this one turned out… toggle debug mode to see how it works 👀
Check it out on @CodePen here! //
https://codepen.io/georgedoescode/pen/yLgExbV
https://twitter.com/georgedoescode/status/1383088041808515072
RT Adam Kuhn
did a quick infinite scroller for this week's "scrolling" @CodePen challenge w/ @greensock's scrolltrigger, + some masking & filters and a good bit of JS in an effor to avoid directly altering the original base pen. thanks for lookin'
https://codepen.io/cobra_winfrey/full/ExZLXzb
https://twitter.com/cobra_winfrey/status/1382858091599892485
RT Jon Kantner
Digging Radio Buttons
https://codepen.io/jkantner/pen/bGgMYEO
RT Toshiya Marukubo
Avocado is delicious 🥑🥑🥑
びよんびよん(biyon biyon)👇
https://codepen.io/toshiya-marukubo/pen/jOyKNWY
https://twitter.com/toshiyamarukubo/status/1382621202313740288
RT Manuel Matuzović
Time passes so fast that I'm constantly missing CSS features that are already safe to use.
Demo:
caniuse:
https://codepen.io/matuzo/pen/GRrGWRz
https://caniuse.com/intrinsic-width
RT Hugo Priet
Movie App by @shakuro on @CodePen.
GSAP Flip Plugin & ScrollTrigger.
Pen :
@greensock #CodePenChallenge #javascript
https://codepen.io/smoothdev35/pen/rNMxPwQ
RT Ricardo Oliva Alonso
🎹 Alesis v25 🎹
Live @CodePen:
#html #css #javascript #illustration #animation #3D #cssart #piano #music
https://codepen.io/ricardoolivaalonso/full/RwKyeEg
RT Chris Gannon
Audio Waveform (using GSAP's tween ratio and parseEase) @CodePen
https://codepen.io/chrisgannon/details/jOyzYyw
RT Elissavet Triant.
For this week's @CodePen #codepenchallenge "Scrolling" I came up with this gallery scroll micro-interaction:
See the prompt here:
#frontenddev #HTML #CSS3 #javascript #IntersectionObserverAPI
https://codepen.io/elisavetTriant/pen/OJWvOyr
https://codepen.io/challenges/2021/april/2
Build, test, and discover front-end code 👩🏽💻