RT Amit Sheen
Fold...
#PureCSS #CodePenChallenge
Full code @CodePen :
https://codepen.io/amit_sheen/full/WNojvpQ
RT Beni
Giraffe Spots 🦒 (516 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/OJbmJGO
RT Judith
Boat in old map
https://codepen.io/judag/pen/KKNmwXj
RT Reza Lavarian 🐦
If you're wondering what to do with the JavaScript Math object today, here's a cute airplane following a Sine wave to fly through the clouds in a beautiful sunset :)
The @CodePen link:
https://codepen.io/lavary/pen/mdOWjxR
RT ilithya
Thousand Stars ✨
To be precise, 8000.
Experimenting w/particles & my beloved 3D typography w/a shader anim I made 🌈
Some techniques learned via @bruno_simon and a @threejs_org example from their documentation.
Beware ⚠️ dizzy experience:
https://codepen.io/ilithya/full/yLVMdQQ
https://twitter.com/ilithya_rocks/status/1361689786508054529
RT tiffany choong ⚡️
Kirby will make sure your inbox is full of stars and snacks.
Email form validation with SVG + @greensock.
#codepen @CodePen //
http://codepen.io/tiffachoo/pen/BaQpVeR
It's week three of the "Action!" #CodePenChallenge
This week, let's fold things! Paper, accordion navigation, and code are all things you could fold in this challenge 💌
https://codepen.io/challenges/2021/february/3
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
Build, test, and discover front-end code 👩🏽💻