RT Lynn Fisher
My origami business folded!
#divtober 18: Pun
😎
@CodePen:
https://a.singlediv.com/
https://codepen.io/lynnandtonic/pen/vYjwjQr
RT Jon Kantner
I used mostly #CSS to recreate the credits from the original Super Smash Bros. for Nintendo 64! A small amount of #JS was needed for just positioning the crosshairs.
https://codepen.io/jkantner/pen/RwyOmmW
RT Old Man Vandehey
You should go play with the fun gradient tool I made for this blog post about an easily customizable gradient background component:
https://cloudfour.com/thinks/highly-customizable-background-gradients/
RT zeynep
Hey! I have coded another Kurzgesagt bird. It loves singing🎶 I enjoyed coding it 💜 @CodePen #css #cssart
https://codepen.io/zeynepozdem/pen/gOzypzM
RT Tom Hinton
#mathober20222 - Annulus (the region between two concentric circles)
https://codepen.io/TomHinton/pen/VwxOZBJ
RT T. Afif @ CSS Challenges
🎨 Divtober #18: Pun
Demo:
#CSS #divtober
T. Afif @ CSS Challenges: 🎨 Divtober #17: Stripes
Demo:
#CSS #divtober
http://codepen.io/t_afif/full/jOxREXr
https://twitter.com/ChallengesCss/status/1581574350460751872
https://twitter.com/ChallengesCss/status/1582325267191631872
RT Chris Gannon
Ribbon Stack @CodePen
https://codepen.io/chrisgannon/details/MWGRVrx
RT Greg RoBOOleto 👻
Re @CodePen Catching up on making these "making-of" videos. This one required little editing, which made me smile 😀, thinking I am getting more honed at coding these.
🏷️#divtober, #css, #scss, #cssart, #cssanimation
Also available on YouTube:
https://www.youtube.com/watch?v=jcclDHxD2qc
RT 💀 Ryan TREMBLE 💀
ghosty @CodePen challege:
(warning very spoooky)
https://codepen.io/mrtrimble/pen/LYmvBvx
RT Sophia Wood
mathober day 17 - vault
(arrow change day, space randomizes some sketches)
#mathober2022
https://codepen.io/fractalkitty/full/LYmQEZJ
RT Lynn Fisher
Based on a Henning Lederer animation.
#divtober 16: Hypnotic
😵💫
@CodePen
https://a.singlediv.com/
https://codepen.io/lynnandtonic/pen/JjvVYZK
The Halloween #CodePenChallenge continues!
This week, let's scare up some ghosts & ghouls 👻🧟💀
https://codepen.io/challenges/2022/October/3
RT Sikriti Dakua
isometric text w/ 2d cubes in a 2d canvas
@CodePen ->
#canvas #javascript
http://cdpn.io/yLjwBxR
RT Lee Martin
I can't believe I had to fork my Mona Lisa 🍰 smear pen to create a Van Gogh🥫 smear pen on @CodePen today.
https://codepen.io/leemartin/pen/xxjBOJg
RT Álvaro Montoro
#divtober 14: splash
💦
Demo on @CodePen:
We live-coded this small animation during a Twitch session earlier today. Thanks everyone for swinging by and saying hello!
Álvaro Montoro: #divtober 13: forever
♾
Demo on @CodePen:
(Tomorrow will be a busy day, so I made it today instead)
http://cssdrawings.com/
https://codepen.io/alvaromontoro/pen/vYjvzPO
https://twitter.com/alvaro_montoro/status/1580169647848304640
https://twitter.com/alvaro_montoro/status/1580938934208847877
RT Adam Kuhn
#divtober no. 13: 'forever'
one webkit only div (b/c box-reflect, text-clip, etc)
https://codepen.io/cobra_winfrey/pen/qBYgpoJ
https://twitter.com/cobra_winfrey/status/1580701944678518785
RT Louis Hoebregts
For this week @CodePen challenge I made a flocking simulation of bats using @threejs inspired by @thecodingtrain's video 🦇🦇
It's not super realistic, but I like how the bats randomly start spinning 😅 #codepenchallenge
https://youtu.be/mhjuuHl6qHM
https://codepen.io/Mamboleoo/pen/QWrzPLy
RT Andrew Walpole
One of those low-effort, high-value CSS things is transforming box-shadow.
A few changes to x/y shadow distance and colors makes all the difference here in faking the 3D look of this component.
https://codepen.io/walpolea/pen/mdLGmVK
Build, test, and discover front-end code 👩🏽💻