RT Jhey 🐻🛠
"Squeaky Portraits 👇😅"
Wasn't done playing with CSS clip-path: path() 😂
Aiming for a splat but settled for a squeaky sound effect 😆
Powered by scoped variables! 💪
(Better with sound 👍)
👉
https://codepen.io/jh3y/pen/qBqqKRw
RT Amit Sheen
Just a quick pen to celebrate 500 amazing(!) followers on @CodePen
Thank you all! :)
Full code:
https://codepen.io/amit_sheen/pen/zYooRrJ
RT Paulina Hetman
I had fun playing with canvas and building (from scratch) this little Image Disintegrator
https://codepen.io/pehaa/pen/vYygBEq?editors=1010
RT Jon Kantner
Bubble Wrap
https://codepen.io/jkantner/pen/MWbbMYZ
RT Jhey 🐻🛠
With clip-path: path() now supported in major browsers, I haven't seen a mention of something cool we can do with it 🧐
Using a path means we can have clip-path with breaks in them 🔥
This demos shows hovering to transition a broken path
👉
https://codepen.io/jh3y/pen/qBqavMX
RT Kit Jenson
#CSS #Art #2 See the code for this @CodePen
#webdev
https://codepen.io/kitjenson/pen/rNWLMPQ
RT Ricardo Sanprieto
Future is now ⚡️⚡️
Interactive particles text create with #threejs (attraction and repulsion). #webdesign #webgl
Full code :
https://codepen.io/sanprieto/full/XWNjBdb
RT Takane Ichinose 市瀬峻峰
#CodepenChallenge Disappear: Swipe, and delete action for mobile devices
Example interactive design concept for data list built in #ReactJS
The design is based on the latest trend 'glassmorphism' design.
#html #css #javascript
https://codepen.io/takaneichinose/pen/yLVJEWm
RT Anna Hino
🤓I created my first #CSS "Single Div" painting on
@CodePen:
Thanks to the amazing broadcast of @lynnandtonic on @LWJShow:
https://codepen.io/angardia/pen/QWGNGmP
https://www.youtube.com/watch?v=dlKIOCRnvyc
RT Jhey 🐻🛠
CSS. Much "Wow!" 😅
👉
https://codepen.io/jh3y/pen/oNYxRXb
RT Yusuke Nakaya
The waves are shaking only with CSS🐳
CSSだけでユラユラ動く波🐳これは内緒なんですが、CSS3Dで球体を再現するためには少しコツがいるんです🤫
Only CSS: Wave dots
@CodePen
#css #css3d #animation #webdevelopment
https://codepen.io/YusukeNakaya/pen/eYBzZjY
RT Skypack (prev. pika)
Great to see @roughlib, one of our fav canvas drawing libraries, works great in @CodePen using Skypack!
https://codepen.io/melissamcewen/pen/ZEBOeBv
Ready for your next #CodePenChallenge?
This week, let's make something disappear 🎩🐇✨
https://codepen.io/challenges/2021/february/2
RT Ion
Playing with #threejs + #cannonjs - Obstacles
https://codepen.io/iondrimba/full/YzpwNLo
RT CodyHouse
💡 How to progressively use the new aspect-ratio CSS property.
🕹 Demo:
https://codepen.io/codyhouse/pen/BaQjxRZ
RT aexcode
For this week's #codepenchallenge I created this pure css animation I like to call "Greedy Aliens" 🛸
↗️
http://codepen.io/aexcode/full/xxRZdqg
RT Eva Ferreira 💚
Applause to @CodePen for the good puns 👏
https://twitter.com/evaferreira92/status/1357712178762158084
RT halvves 🌳
with @patriciogv's magical @pixelspiritdeck back in stock i decided to finally step through each card of my old set on @CodePen... starting with:
void
http://cdpn.io/e/Vwmezbe
RT Amit Sheen
I love playing around with cards. But I also love CSS, so I've always wanted to do some kind of combination between the two, and here it is.
A pure CSS house of cards, with animation, perspective control, and a wireframe mode.
Full code @CodePen :
https://codepen.io/amit_sheen/full/QWGjRKR
RT Colleen Lohr 🤓
Toast always rises to the top! Just finished this little guy for the rising #codepenchallenge
https://codepen.io/cmlohr/pen/mdOepbr
Build, test, and discover front-end code 👩🏽💻