RT Sashen🇱🇰
Drew this Tuk Tuk by using only #CSS. 🤩
Check out the codepen:
#CSSChallenge
https://codepen.io/sashen/pen/OJpXjdP
RT AdirCode
I made the new @Apple iMac (#imac2021) with only HTML & CSS, and it rotates in 3D while you can change colors with the buttons at the bottom.
Here’s the @CodePen:
https://codepen.io/Adir-SL/pen/JjWXZEq
RT Chris Gannon
Smokie House @CodePen
https://codepen.io/chrisgannon/pen/xxgoJjV
The Animal Kingdom #CodePenChallenge continues!
This week is all about cats and dogs 🐈🐕
https://codepen.io/challenges/2021/may/3
RT Adam Kuhn
for this week's 'sea creatures' @CodePen challenge I whipped up this friendly lil cursor-curiuos octopus/squid w/ some CSS vars to bend some offset-paths & an SVG turbulence backdrop-filter for a nice watery effect
thanks for lookin'
https://codepen.io/cobra_winfrey/full/gOmadKw
https://twitter.com/cobra_winfrey/status/1393181815024783366
RT Ruben A Sanchez
#100DaysOfCode #CodeNewbie #programming
Here's my entry for this week's #codepenchallenge
It's a CSS only animation of a school of clown fish.
Who doesn't like the class clown.
https://codepen.io/rubenasanchez/full/PopNNyJ
https://twitter.com/Ruben_A_Sanchez/status/1392929331438002179
RT Ana Tudor 🐯
Redid another slider from my massive @CodePen collection. Here it is, now using modern techniques
Screens:
1⃣ not focused state in the no JS (up) and JS case (down)
2⃣ focused state in the no JS (up) and JS case (down)
3⃣ major changes list
https://codepen.io/thebabydino/pen/pvpxRG
RT Amit Sheen
Newton's cradle, made of marble and wood, and pure #CSS.
Full code @CodePen :
https://codepen.io/amit_sheen/pen/XWMXwvJ
RT Stephanie Eckles
🐳 Just a little quick @CodePen contribution for the "Sea Creatures" challenge
https://codepen.io/5t3ph/pen/eYvJLMM
RT Lea Rosema 🦄
My cheapnoise function also works as input for the fbm function as shown in
Also made the colors configurable :)
https://thebookofshaders.com/13/
https://codepen.io/terabaud/pen/qBrONxK
RT Adrian Roselli
Re The animation in my skeleton demo stops after 5s to honor WCAG SC 2.2.2. I added a button to restart it.
I also added two options that have 3:1 contrast to honor WCAG SC 1.4.11.
Demo from the post:
That 1986 theme tho.
https://codepen.io/aardrian/pen/yLOoOdY
RT Jon Kantner
Upload Button w/Progress
https://codepen.io/jkantner/pen/MWpKJmK
RT Mandy
It's been a little while since I've done a @CodePen challenge; I couldn't get this idea out of my head!
https://codepen.io/iNeedAdult/full/KKWdaeg
RT Yusuke Nakaya
Pure CSS star warp in the monitor💫
CSS流れ星。クリックするとワープが始まります💫後日、このCSS作品のメイキング動画を YouTube に投稿します。みてね✨
Only CSS: Star Warp Display
@CodePen
#css #cssart #css3d #animation #webdev
https://codepen.io/YusukeNakaya/pen/YzZwQJO
RT masahito art
Search algorithm experiment - click on the white area to throw the bone, and the puppy will look for it.
@CodePen
#javascript #puppy
https://codepen.io/Ma5a/pen/jOBWBYw
RT Liam Egan
Some fun generative SVG patterns.
Click to regenerate.
https://codepen.io/shubniggurath/pen/mdWeGPd?editors=1010
RT Bence
🍕 Pizza Time! 🍕
Pepperoni Pizza 🍕 (549 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/eYvpQeg
RT carl schooff
💥Web Animation Challenge
Click any green box to turn it red and mark where the stagger will end!
Start File:
I'm using @greensock but you can #css or any #javascript you like. Quote or comment your solution.
#100daysOfCode
https://codepen.io/snorkltv/pen/bGqVjmd
RT Inès
The Falcon Funko Pop (in pure CSS)
https://codepen.io/inescodes/pen/QWpjKex
Build, test, and discover front-end code 👩🏽💻