RT T. Afif @ CSS Challenges
💡 CSS Tip!
Create a fancy Cube slider with a few lines of code 🧊
Demo:
More detail 👉
#CSS
http://codepen.io/t_afif/full/vYrpjKX
http://css-tricks.com/css-infinite-3d-sliders/
https://twitter.com/ChallengesCss/status/1604805922798305282
RT Paulina Hetman
With my best Seasonal Wishes to all of you!🎄❄️Snow Globe built with @threejs
https://codepen.io/pehaa/pen/WNKNVKP
The December #CodePenChallenge continues!
This week, we're working with the wind 🌬
Thanks @ionos_com for sponsoring!
https://codepen.io/challenges/2022/december/3
RT Wakana Y. K.
Zero gravity demo :
@CodePen #codepen @threejs #threejs #ammojs #PhysicsEngine
https://codepen.io/wakana-k/pen/WNKNeWp
RT Jon Kantner
A preloader built with #CSS LEGOs
https://codepen.io/jkantner/pen/BaPaoGm
RT Cassie Evans
Re Here's a little snowflake for you! Merry xmas everyone!
https://codepen.io/GreenSock/pen/WNKeGRB?editors=0010
RT • nanou •
SCSS Christmas Tree 🎄
Code:
https://codepen.io/antoniasymeonidou/pen/WNGXBgp
RT Callum Macrae
For your friday afternoon viewing pleasure, I've posted a new codepen! 🕺
It's built using three.js and is a representation of what's going on in my brain most of the time (it's chaos).
Here's the link:
https://codepen.io/callumacrae/full/zYLOrWZ
RT Evan Jin (진경성)
SVG paths stretch animation on hover!
Demo:
Posted on @CodePen
#javascript #svg #illustrator
https://codepen.io/rudtjd2548/full/VwdoewQ
RT Bence
New texture on the table 🙃
Linen Placemat 🍽️ (385 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/oNyrrKo
RT Ásia Bogacz
CSS Deluge - the ultimate rain! 🌧️
#CodePenChallenge #CSS
CodePen.IO: The "Weather Effects" #CodePenChallenge continues!
This week, we get caught in the rain ☔️
Thanks @ionos_com for sponsoring!
https://codepen.io/challenges/2022/december/2
RT AdirCode 🔥
Here are some buttons that were made by #ChatGPT, I don't know about you but I'm not impressed. I needed to remind it about hover states and such, and only one set of buttons have both hover and active states.
Meh.
Here's the @CodePen link:
https://codepen.io/Adir-SL/pen/VwdJRWb
RT Jon Kantner
A rolling snowball as a preloader!
https://codepen.io/jkantner/pen/wvXbboe
RT T. Afif @ CSS Challenges
🎄 CSS Pattern!
Demo:
More CSS-only Patterns 👉
#CSS
http://codepen.io/t_afif/full/abKgOgz
http://css-pattern.com/
https://twitter.com/ChallengesCss/status/1602627997181399041
RT Wakana Y. K.
Optimized the physics process code and added a rainbow object🌈☔️
Demo : Heavy Rain - Three.js
@CodePen #codepen @threejs #threejs #ammojs #rain #CodePenChallenge
https://codepen.io/wakana-k/pen/dyKMLjZ
RT Amit Sheen
Rainy window
#CodePenChallenge (rain)
* Pure CSS
* Single div
* Chromium only (uses @property)
Live demo @CodePen:
https://codepen.io/amit_sheen/pen/xxzoVaK
RT Amit Sheen
42!
The answer to life, the universe, and everything.
And as of today, the number of years I've been alive. 🎂🥳
(live demo:
https://codepen.io/amit_sheen/pen/jOKowqo
The "Weather Effects" #CodePenChallenge continues!
This week, we get caught in the rain ☔️
Thanks @ionos_com for sponsoring!
https://codepen.io/challenges/2022/december/2
RT Álvaro Montoro
Picture
+ CSS filters
+ mix-blend-mode
+ linear-gradients
+ animations
Demo on #CodePen:
https://codepen.io/alvaromontoro/full/JjZzLVm
https://twitter.com/alvaro_montoro/status/1601045833390358528
Build, test, and discover front-end code 👩🏽💻