@"A→B→A" by Jason Hibbs (@jasonhibbs)
https://codepen.io/jasonhibbs/pen/mdpvmyd
RT Amit Sheen
Animated 3D @CodePen logo (w/ #CSS)
live demo:
https://codepen.io/amit_sheen/pen/KKZJLJR
RT Adam Kuhn
working to earn myself a waffle party using a handful of CSS vars, SCSS random functions and creative clamp()ing to recreate the Lumon Macrodata Refinement interface from Severance over at @CodePen
thanks for lookin'
https://codepen.io/cobra_winfrey/full/WNdPooO
https://twitter.com/cobra_winfrey/status/1516802272260411393
RT Álvaro Montoro
I redid the terrible "soy milk" joke in CSS. This time, instead of making it fake 3D, it's actual 3D CSS. It may not be as cartoony as the original, but it was fun to code.
Live demo on @CodePen:
#html #css
https://codepen.io/alvaromontoro/full/zYpeKzE
https://twitter.com/alvaro_montoro/status/1516551686315286535
RT Kit Jenson
This past week saw the creation of a simple tower defense game. And yes... it is Pacman. See all code and play here...
#gamedev #indiedev
https://codepen.io/kitjenson/pen/OJzQOxZ
RT Joeru ✏️
I just completed the @CodePen's Little Details challenge for this week, "Icons". I had a lot of fun building it ✨
See the full code here:
#codepenchallenge
https://codepen.io/joeltorres-7/pen/popqYzG
RT Jhey 🔨🐻✨
⚡️ Speedy CSS Tip! ⚡️
Learn how to make 3D with CSS 🚀
Use custom properties to make reusable cuboids and create awesome 3D scenes 🤩
Re-edited and exported ✨
Thanks for the support 🙏 @CodePen below 👇
RT Scott Kellum
Tapered blur effect for a website header on @CodePen
https://codepen.io/scottkellum/pen/YzYdvjG?editors=1000
RT masahito art
Coded a penguin - click somewhere on the page and the penguin will waddle towards where you clicked.
@CodePen
#javascript #penguin
https://codepen.io/Ma5a/full/MWrZPOP
RT Álvaro Montoro
This weekend I completed a few "artsy" CSS drawings for the @comi_CSS comic strip. They are based on paintings by:
Kandinsky
Mondrian
Gris
Warhol
Lichtenstein
https://codepen.io/alvaromontoro/full/zYpMZam
https://codepen.io/alvaromontoro/full/MWrzJPb
https://codepen.io/alvaromontoro/full/NWXeqZO
https://codepen.io/alvaromontoro/full/ZEvmqmd
https://codepen.io/alvaromontoro/full/wvpYvdv
https://twitter.com/alvaro_montoro/status/1516035277667643407
It's week three of the April #CodePenChallenge!
This week's little details are Icons 🔍
Can you transform this tab bar nav from basic to iconic?
Thanks @memberful for sponsoring!
https://codepen.io/challenges/2022/april/3
RT una.css 👩🏻💻🇺🇦
Another great post by @shadeed9 🥰 Quantity queries are one of the reasons I’m most excited for the :has() selector and I love the form demo Ahmad shows here that shows a reset when an item is checked.
This theme switcher is a really clever use case I’ve never seen before too!
RT Hyperplexed
Animal photo gallery w/ a side of Fizz (cats) Buzz (dogs).
@CodePen #codepenchallenge
https://codepen.io/TheVVaFFle/full/BawpvRa
"3D Preloader" by Jon Kantner
https://codepen.io/jkantner/pen/jOYejeq
RT Hitesh Sahu
Dyson Sphere Concept based on video of @Kurz_Gesagt
code:
✅ Made with @babylonjs 5
https://codepen.io/hiteshsahu/pen/YzYJMaP?editors=0010
RT T. Afif @ CSS Challenges
🎨 CSS Art!
A challenge by @alvaro_montoro and another one by @css_art into one submission 💪
A shocked Duck with particles in head 🤯
✅ CSS only & no keyframes
"Click the Duck!!🦆"
Demo:
#CSS #particlecsschallenge #cssartchallenge
Adam Kuhn: @alvaro_montoro
https://twitter.com/ChallengesCss/status/1514676706040295428
RT Amit Sheen
Cute Pets Gallery 🐶🐱
The Little Details #CodePenChallenge: Gallery Details
Full code at @CodePen:
https://codepen.io/amit_sheen/full/xxpyYLV
RT Jason Liquorish
CSS has() selector is game changing. Just made a proof-of-concept for a pure css dark theme toggle. Currently only works in Safari >=15.4 afaik
https://codepen.io/bassetts/pen/BaJOXmR
RT Sophia Wood
Two bodies w/ lots of bodies in p5js.
@planet - I used your ephemeris - hope that was ok.
https://codepen.io/fractalkitty/pen/LYegPdy
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
