@RT T. Afif @ CSS Challenges
🎨 CSS Pattern!
Demo:
More CSS-only Patterns 👉
#CSS
http://codepen.io/t_afif/full/KKeZWjj
http://github.com/Afif13/CSS-Pattern
https://twitter.com/ChallengesCss/status/1594287123762479105
The Design Decades #CodePenChallenge continues!
This week, we're working with y2k style in the 00s 👩🏼💻
Thanks @ionos_com for sponsoring!
https://codepen.io/challenges/2022/november/3
RT Johan Karlsson
Sprinkles Spiral on @CodePen:
#creaativecoding
https://codepen.io/DonKarlssonSan/full/OJEgxag
https://twitter.com/DonKarlssonSan/status/1593670833272082432
RT Adam Argyle
CSS subgrid unlocks this 🤓
we can name them too, then place things by name
try it!
Open in Chrome Canary with experiments on, Firefox or Safari Tech Preview
Erik D. Kennedy: 🔥 Design tip: Speed up your iOS design by having a template with "slots" for:
(1) status bar
(2) page actions
(3) page title (large format)
(4) search
(5) tab bar
(6) home bar
RT Aaron Iker
Card hover effect (HTML, CSS)
Concept by @jamesm 🤝
Demo on @CodePen
https://cdpn.io/yLEPJXj
RT Rob DiMarzo
Conic, radial, and linear gradients incoming! I made a stereotypical radar with a bunch of gradients and some other nifty CSS tricks @CodePen
📡
https://codepen.io/robdimarzo/pen/vYreyxM
RT ycw
151. composition no. iiiiiiiiiiiiiiiiiiiii :D
@CodePen @greensock #threejs
https://codepen.io/ycw/full/OJEjzpd
RT Kit Jenson
Slay The Dragon! Go on... do it.
#gamedev #indiegames #webdev #Dragon #sword #HTML #CSS #javascript #indiegames #IndieGameDev
https://codepen.io/kitjenson/full/KKeqErj
RT David Aerne
Generative RGB colors (click to regenerate) on @CodePen
https://codepen.io/meodai/pen/JjZJagm
RT Ana Tudor 🐯🖤🌻
Pure CSS simple ❤️ pattern.
✨ all values computed, no magic numbers
✨ can control background-box square size ($d)
✨ can control size of heart in background-box ($f in [0, 1], at 1 hearts touch)
Bonus: how it starts on paper.
https://codepen.io/thebabydino/pen/BaVRdLa
RT kontoco | mae
pixel art with box shadows, recreated a real thing in CSS
https://codepen.io/mmgmae/pen/LYrLXvj
RT Chris Gannon
Dynamic @Instagram username #animation @CodePen
https://codepen.io/chrisgannon/pen/wvXemqx
RT Hakim El Hattab
Couldn't find a simple math quiz to use with my kids so I built one this morning 🙃
https://codepen.io/hakimel/pen/BaVZJqN
RT T. Afif @ CSS Challenges
Do you want a loader for your next project? Check the below collection 👇
Demo:
✅ 1 <div> = 1 loader
More CSS-only loaders 👉
#CSS
http://codepen.io/t_afif/full/poWOEPm
http://dev.to/afif/i-made-100-css-loaders-for-your-next-project-4eje
https://twitter.com/ChallengesCss/status/1592175778619396100
The November #CodePenChallenge continues!
This week is all about 90s design 📀
Thanks @ionos_com for sponsoring!
https://codepen.io/challenges/2022/november/2
RT Adam Argyle
🎨 color pickers always have this "pool of color"
here's that pool with 3 layered gradients:
- one is white on left to transparent on right
- one is block on bottom to transparent on top
- underneath it all is the current hue
check it out on Codepen
https://codepen.io/argyleink/pen/MWXproO
RT Ksenia Kondrashova
Just one more 3D Typography demo here 🇺🇦
Made with @threejs
Hosted on @CodePen
#threejs #webgl
https://codepen.io/ksenia-k/pen/WNyxXpO
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
