@RT T. Afif @ CSS Challenges
The whole collection can also be found on @CodePen
👉 http://codepen.io/collection/pgyboM 👈
#CSS
<div class="rsshub-quote">
T. Afif @ CSS Challenges: I did it! 100 Unique CSS Patterns 🤩
👉 http://css-pattern.com 👈
One of the biggest collection of CSS patterns ever!
✅ One-click to copy/paste
✅ One value to control the size
✅ Optimized with CSS variables
Which one is your favorite? Tell me in the comments 👇
#CSS https://t.co/6RSRYWcVvr
</div>
https://twitter.com/ChallengesCss/status/1661314978660470786
RT Jordan Dey
Discover the captivating world of #CSS backdrop filters!✨
Immerse yourself in a playground where you can change and multiply #filters effects🔍
Explore and experiment on @CodePen: https://codepen.io/DeyJordan/pen/oNaavJg
#HTML #javascript #web #design #CodeLearning #creativity #100DaysOfCode https://t.co/yEm6Akhp0w
RT Mads Stoumann
Tetris Testimonial Quotes https://codepen.io/stoumann/pen/LYgMwxZ via @CodePen https://t.co/O2gU2impFV
RT Ksenia Kondrashova
Have you ever been watched by @threejs' Torus Knot? I've got this silly demo playing with mesh normals and ShaderMaterial
Live demo & source code: https://codepen.io/ksenia-k/pen/gOBqPWX
Hosted on @CodePen
#webgl #glsl #threejs #shader https://t.co/DjGL45Irbr
RT Maciek Fitzner
To take a little breather from learning the back-end during the week, I spent 12+ hours on a Saturday working on another #3d #css sphere - this time made with just conic-gradients. Live #demo on @CodePen https://codepen.io/MackFitz/pen/YzJdKgm https://t.co/WDSU9FDBkc
It's the final week of the May #CodePenChallenge!
This week, let's style some ❝testimonial quotes ❞
https://codepen.io/challenges/2023/may/4 https://t.co/BAKvKZbI0s
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Do you want to add a gradient overlay above your background but you cannot edit the background property, add an extra element or use pseudo-element? Do it with border-image!
✅ Only one line of code is needed 🤩
Demo: http://codepen.io/t_afif/pen/gOBBeyz via @CodePen
#CSS https://t.co/3i6lRYHwvB
https://twitter.com/ChallengesCss/status/1659155415014285317
RT Zajno
If you've already checked out our Motion project and have an itch to create your own animation or simply want to see how we tackled some of the challenges, we invite you to visit our @CodePen profile for an exclusive look behind the scenes.
http://bit.ly/434lkZa
Let's dive… https://twitter.com/i/web/status/1659200645839360001 https://t.co/f1xL1TXTG9
RT Mads Stoumann
1980's Pop Magazine Pullquote https://codepen.io/stoumann/pen/jOeeeBB via @CodePen https://t.co/mO6fIbJN5K
RT Amit Sheen
Flying through hexagons 🚀
#CSS only (using @SassCSS)
Live demo @CodePen: https://codepen.io/amit_sheen/full/OJBwPgy
⚠️Warning: Contains flashing images https://t.co/DDnFz65Dpi
RT jhey 🔨🐻✨
Animated 3D CSS Helicopter! 🤙
📢 "Get to the choppa!"
@CodePen link below 👇 https://t.co/pYI3MxD9Rz
RT Luis Thiam-Nye
I'm pivoting to video game development, my true calling.
👆Click The Button. What's so hard about it?
Try it yourself: https://codepen.io/luisthiamnye/full/GRYXGGN
And that's only the beginning... https://t.co/kPkB3BunEZ
RT AdirCode 🔥
Here's a fun concept - Filtering tags made with only pure #CSS (with no #javascript at all) using the :has selector 👍
Here's the @CodePen:
https://codepen.io/Adir-SL/pen/vYVaXmw https://t.co/GDys6I4uj1
RT LukyVj - A$AP Luky
👋 Heyoo
Here is the #CSS demo Inspired by Apple's Fitness app 🍎
Using:
- Conical gradients ✨
- Pseudo elements 🫥
- cos() & sin() fn 🧮
- display-p3 colors 🌈
Once again, it's simpler to make it than it looks 🤓
Small thread & @CodePen at the end 🧵⬇️
#webdesign #frontend https://t.co/wL8sMW3nJP
RT Mustafa Enes
Re @CodePen Gravitational ferforje is inspired by my balcony. Live: https://codepen.io/pavlovsk/pen/OJBoZjK https://t.co/UIMARW6MrE
RT Una 🇺🇦
In honor of popover landing in stable Chrome next week(!), I converted my CSS trigonometry radial menu demo into a popover!
Now it has light-dismiss (click away to close) and keyboard bindings (hit esc key to exit) for free — no JavaScript required
https://codepen.io/una/pen/Poydeyo https://t.co/TBzNISLtUb
RT LukyVj - A$AP Luky
Re Voilà! That's it! That was a short thread, but you get the idea!
Here's the @CodePen link 🔗 https://codepen.io/LukyVj/pen/rNqvowZ
Follow me at @lukyvj for more #CSS content 🔥
Cheers🤙 https://t.co/tdmxSamcwx
RT Ksenia Kondrashova
My 3D dice roller project 🎲 is now live on CodePen!
Live demo & source code: https://codepen.io/ksenia-k/pen/QWZVvxm
Made with @threejs and cannon-es (@pmndrs)
Hosted on @CodePen
#cannones #creativecoding #gavedev https://t.co/kosv4ai1BD
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
