@RT Tanner Dolby
Two cats playing in a box for this weeks CodePen challenge! 😺
@CodePen:
#codepenchallenge #CSS
https://codepen.io/tannerdolby/full/vYxyVLV
RT Adam Kuhn
procedural pathways: continued exploration of generative CSS patterns over at @CodePen & a reminder that compass hates custom properties
slapped a noise mask on this one just to rough it up a bit
thanks for lookin' 👀
https://codepen.io/cobra_winfrey/full/jOBMWQW
https://twitter.com/cobra_winfrey/status/1394726683132022785
RT Inès
For Codepen's challenge: Build a Pen with cats, dogs, or both, I made this little dog/cat toggle switch with CSS and a tiny bit of javascript 😻🐶
https://codepen.io/inescodes/pen/YzZGbRK
RT Tim Bourguignon 🇪🇺 (🇫🇷🇩🇪)
Listen to @DevJourneyFM Episode #151 with @chriscoyier.
Chris took us from his first C64 and passion for ceramics to the birth of @css and @CodePen. We talked about passion, hobbies, side projects, !freelancing, blogs, websites...
Listen to his story
https://devjourney.info/Guests/151-ChrisCoyier.html
RT Amit Sheen
The only thing I can think of these days...
Full code @CodePen :
https://codepen.io/amit_sheen/pen/rNyLxvG
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
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
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
