@RT Colleen Lohr 🤓
Hey y'all breaking for dinner. Finished my submission for the CodePen challenge 'Fold'. Lots of fun, and I think it's fair to say I like 3d things. 😊
Demo:
#CSS #WomenWhoCode #code #design
https://codepen.io/cmlohr/pen/abBJPdd
RT Shunya Koide
Space Travel 🚀
👉
Wanted to make SVG & 3D animations in the same scene.
It was fun to play with GSAP👌
I used @threejs_org and @greensock(Morph/DrawSVG Plugin)✨
#gsap #threejs #codepen
https://codepen.io/shunyadezain/pen/GRNEyZW
RT Toshiya Marukubo
Design Trace | from Choco & Co, Isabel de Peque-san
Practiced Canvas, JavaScript.
It seems these are chocolate package design.
Code is here 👇
https://codepen.io/toshiya-marukubo/pen/abBwbKM
https://twitter.com/toshiyamarukubo/status/1362239340504444929
RT Jhey 🐻🛠
Pure CSS Stopwatch ⏱️
• Functional 👍
• No JavaScript ⚒️
• Uses "at-property" 😎
👉
https://codepen.io/jh3y/pen/jOVmJBL
RT Adam Kuhn
built a lil showcase of some recent @CodePen demos to share w/ my coworkers w/ some fancy splittingjs cursor effects & the always fun GSAP scrolltrigger plugin and I think I may have gotten myself like 1/36th of the way to a portfolio refresh
https://codepen.io/cobra_winfrey/full/OJRjBoj
https://twitter.com/cobra_winfrey/status/1362126839418880012
RT George Francis
New CodePen! ✨ Meet BauBuds — #generative, Bauhaus inspired characters built with SVG. These are for an upcoming project so keep a look out! 👀
https://codepen.io/georgedoescode/pen/VwmbxRy
https://twitter.com/georgedoescode/status/1362100830380453896
RT Johan Karlsson
Another Branching Strategy on @CodePen:
Now using a for loop instead of recursion, forcing it to draw all branches of the same level in one sweep.
Click to generate a new image.
Press d to download SVG file.
#creativecoding #generativeart
https://codepen.io/DonKarlssonSan/full/zYoGejE
https://twitter.com/DonKarlssonSan/status/1361806348778897411
RT Rob Stinson
Proud of this one!
Using #CSS transform: rotate(), you can place labels on a pie chart that update based on input values.
deg <> % switching took me a bit to get right, but I got there.
#100DaysOfCode Day 33
🧵 for details. 1/3
@CodePen pen ->
https://codepen.io/robstinson/pen/qBqrWJw
RT Yusuke Nakaya
The placer gold dust made of pure CSS is shining✨
CSSだけでキラキラ輝く砂金✨キラキラ〜✨✨✨
Only CSS: Placer Gold Rush
@CodePen
#css #animation #webdevelopment
https://codepen.io/YusukeNakaya/pen/dyOWmNx
RT Kristopher Van Sant
Time for another CodePen meetup! 🥳
Friday, February 26th
12:00PM PST
http://www.twitch.tv/CollabTV
https://pp.events/aazbENna
RT Simin
Drawing an Origami bird using pure CSS.
#Fold
#PureCSS #CodePenChallenge
@CodePen
Full code :
https://codepen.io/SiminR/full/MWbmVar
RT Beni
Giraffe Spots 🦒 (516 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/OJbmJGO
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
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
