@RT Jhey 🐻🛠️✨
3D CSS Flippy Snaps ✨
Tap to flip for another image 👇
⚒️ @reactjs && @greensock
👉
http://codepen.io/jh3y/pen/rNzvodN
RT Vast Rideside
Responsiveness isn't just a feature, it's a philosophy.
It means anything that has the capacity to adapt to a frame.
Absolutely everything should be responsive.
Today this island.
Here is the @CodePen
https://codepen.io/vastrideside/pen/qBXqavY
RT Elissavet 👩🏽💻
Text styles in a Card Layout for some delicious menu items!
This is my take for this week's #CodePenChallenge. Thank you @CodePen for making this possible! ☺️
https://codepen.io/elisavetTriant/pen/KKvRRyE
RT Trapti Rahangdale
"hello" text animation inspired by apple's screen saver 😀 , #svg #webdevelopment #animation @greensock
https://codepen.io/tripti1410/pen/pordWpZ
RT Toshiya Marukubo
Practice Canvas.
Code👇
https://codepen.io/toshiya-marukubo/pen/PoKeNOM
https://twitter.com/toshiyamarukubo/status/1457665129718304770
RT Lasanja
I love collecting these @CodePen
RT George Francis
Another little Paint API experiment! ✨
Here, I am using Poisson Disc Sampling + flow fields to create an organic background pattern. It really is amazing that we have the ability to do this kind of thing in CSS now! 🌱
CodePen here! [Chrome / Edge] //
https://codepen.io/georgedoescode/pen/ZEJxBNo
https://twitter.com/georgedoescode/status/1457700494894321667
RT AdirCode
My entry for the great CSS 3D challenge by @KevinJPowell that was inspired by @amit_sheen
Here’s the @CodePen
https://codepen.io/Adir-SL/full/GREaNbx
Ready for your next #CodePenChallenge?
This week we'll continue the Text Styles theme and style the text on a trio of content cards ✍️
https://codepen.io/challenges/2021/november/2
RT Jhey 🐻🛠️✨
CSS resize: diagonal? 🧐
Surprised this doesn't exist out of the box 🤔
But, you can "hack" it with "aspect-ratio" 😉
.resize {
resize: horizontal;
}
.resize__content {
aspect-ratio: 1 / 1;
width: 100%;
}
👉
http://codepen.io/jh3y/pen/BadrNBX
RT Julia Miocene
It's cold outside, isn't it?
If you wanna warm up, just look at my new demo on @CodePen 😀
https://codepen.io/miocene/full/ZEJxzgR
https://twitter.com/julia_miocene/status/1456696983578628098
RT Ana Tudor 🐯
Re Here's my #codeVember #5 on @CodePen: pure CSS morphing ▲ grid!
And a little challenge: try to figure out how to do it before checking the code. 😼
Inspiration:
https://codepen.io/thebabydino/pen/BadYORM
https://ello.co/shonk/post/-y1ye98fizmfzgds0tmv4w
RT Álvaro Montoro
An interactive 3D-looking tracker card done with HTML, CSS, and JavaScript. All vanilla, no libraries or frameworks of any kind.
@CodePen:
https://codepen.io/alvaromontoro/full/MWvQOPd
https://twitter.com/alvaro_montoro/status/1456620975571685384
Heck of a shader here! "WARP" by al-ro
https://codepen.io/al-ro/pen/oRZLbd
RT Mert
🛸 Custom Right-Click (Context) Menu @CodePen
https://codepen.io/knyttneve/pen/YzxEBew
RT Maxime Malfilâtre
When I read "good morning friends", I remembered the café's neon sign that flickers in the US tv shows.
So I made a bright text shadow in order to have the neon aspect (inspired by @GeorgePark_).
Here is my #codepenchallenge :
https://codepen.io/maxew33/full/OJjOOVZ
RT Ana Tudor 🐯
Re So... #codeVember #4 on @CodePen: soft buttons!
Hover, focus them, press, press and keep pressed release... play with them!
Pure CSS and not much of it.
Inspiration
https://codepen.io/thebabydino/pen/bGrLprB
https://dribbble.com/shots/10746021-Neumorphism-Social-Buttons
RT Fabio Bergmann
Efeitos com CSS em botões. Código aqui:
https://codepen.io/fabiocberg/pen/wvqpXqg
RT Jon Kantner
Created a clock in which the second hand has a motion trail.
https://codepen.io/jkantner/pen/yLovLeQ
RT Rob B | CodeWords Podcast
R3D49/50- Half way through! 😲 Been using a lot of keyframes and completed the @CodePen challenge of the week by building this funky thing. Feeling Ghostbuster-y #100DaysOfCode #CodePenChallenge
https://codepen.io/rjrobbie/full/MWvOdzz
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
