@RT Ana Tudor 🐯
See me code: pure CSS ☢️🥧 slices with Houdini magic 🎩🐇✨
Live on @CodePen
Original idea by @beesandbombs
CSS needs vars we can use in keyframe % values.
https://youtu.be/7KD5Kvgc6nw
https://codepen.io/thebabydino/pen/BaQxNqL
https://beesandbombs.tumblr.com/post/182195088899/slices
RT Jhey 🐻🛠
Pure CSS Wardrobe using
<details>
&&
<summary>
😅
As promised ʕ •ᴥ•ʔ
👉
https://codepen.io/jh3y/pen/BaQrKxp
</summary>
</details>
https://twitter.com/jh3yy/status/1365782898662662147
RT Sindre🌈
TIL: The `hyphens` #CSS property specifies how words should be hyphenated when wrapping text ✨
Demo:
https://codepen.io/sindre/pen/wvomRaR
RT George Francis
This pen by @gingerchris makes me so happy
https://codepen.io/gingerchris/pen/oNYwEzo
https://twitter.com/georgedoescode/status/1366507227419402243
RT Stefan Bauer
Accessible editable DIV including placeholder - a quasi pseudo-textarea
Interesting enough is that it supports auto-growth, what a textarea not does.
https://codepen.io/StfBauer/pen/WNozBgO
RT Stívali Serna
Having fun with the raycaster! ^^
Made with #threeJS
@CodePen /
https://codepen.io/stivaliserna/full/GRNxGrR
New month, new #CodePenChallenge!
This March we're working with color harmonies. 🎨
For week one, we picked a pair of challenging complementary colors: purple and green 🟪🟩
https://codepen.io/challenges/2021/march/1
RT Kristopher Van Sant
We're hanging out, chatting & sharing awesome Pens! Come join us!
https://www.twitch.tv/collabtv
RT Paulina Hetman
CSS-only, tiny animated illustration - Take a Rope and Skip to Spring #codepenchallenge
https://codepen.io/pehaa/pen/QWGQMRd
RT Jon Kantner
Image to Stencil
https://codepen.io/jkantner/pen/RwoxvvV
RT Yusuke Nakaya
Play with a CSS umbrella! What color do you like?☂️
過去のCSS作品。傘を閉じたり開いたり🌂☂️色を変えて遊べるよ👨🎨
Only CSS: Umbrella
@CodePen
#css #css3d #animation #webdev
https://codepen.io/YusukeNakaya/pen/zYqbggw
RT Amit Sheen
I know that some versions of 'skipping stones' have already been made for this week's #CodePenChallenge, but I wanted to challenge myself to create a better looking ripple that feels (roughly) real.
So, what do you say?
Full code @CodePen :
https://codepen.io/amit_sheen/full/abBEwzN
RT Sandra Davis 🇪🇺
Some geometric birds from a CSS coding challenge #FlockOfArtists
https://codepen.io/lunamatic/pen/NWbXxaR
RT Colleen Lohr 🤓
Hey y'all! Finished my submission for this weeks CodePen challenge,'Skip'. I made a loader overlay with option to skip the load. 🎨
demo:
#css #JavaScript #codingisfun #WomenWhoCode
https://codepen.io/cmlohr/pen/qBqVdwm
RT andrew
Been awhile since I've been in codepen
Tailwind is just 🔥
Idea: real time sprint huddle view.
(Ideally view on larger screens)
https://codepen.io/andrewrock/full/abBVBvo
Classy, simple, free landing page templates:
Takes two seconds to copy one into a Pen:
https://uisual.com/
https://codepen.io/chriscoyier/pen/RwojMay
RT Cassidy
I wrote up a post (inspired by @shanselman) for making a virtual credits sequence in your calls!
https://dev.to/cassidoo/making-a-virtual-credits-sequence-for-your-video-calls-with-obs-and-codepen-3dco
It's the final week of the February #CodePenChallenge ✨
This week's action prompt is: skip! Skip links, skip tracks, or maybe skip some rocks
https://codepen.io/challenges/2021/february/4
RT Monica.dev
tea-driven development ☕️ this animation is brought to you by my latest bubble tea craving
CSS animation @CodePen -
@greensock (JS) CodePen -
alt: taro tea character with cheeks blushing as bubbles move around
https://codepen.io/M0nica/pen/rNWwpVR
https://codepen.io/M0nica/pen/QWGgVLQ
https://twitter.com/indigitalcolor/status/1362740969314136067
RT Bryan Robinson
Remember friends, CSS floats aren't evil if you use them for good!
Exhibit A: Match a float with shape-outside for visual flair!
https://codepen.io/brob/pen/XWNgMOm
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
