RT Eric Rose
Grurple power - Codepen Challenge. March 2021 Week 1 #codepenchallenge
https://codepen.io/ericrosedev/full/MWbGjRb
RT Elad Shechter
🤓 Did you know?
That there is an excellent reason to use #CSS Position Sticky with top and bottom combined if the sticky element is stacked in the middle, example:
.sticky-item{
Position: Sticky;
top: 0;
bottom: 0;
}
@CodePen:
https://codepen.io/elad2412/pen/ExNKLbr
RT Johan Karlsson
⚙️🔧 Meccano Pattern on @CodePen:
Not at all what I was aming for, but happy where I ended up! 😀
I often steal color themes from somewhere but this time I combined them myself using Adobes Color Wheel tool.
#creativecoding
https://codepen.io/DonKarlssonSan/full/abBGPwm
https://twitter.com/DonKarlssonSan/status/1366829874170769409
RT Beni
Ice Floe 🧊 (339 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/eYBrxGG
RT Kristopher Van Sant
See you this Friday, starting at 10am PT for a Purple and Green themed Collab Pen! 😀
Live streamed on Twitch as usual.
Who's in?? 🙌
Kristopher Van Sant: 👀 I'm thinking Friday we should just hang out and collab on a Pen for this week's #CodePenChallenge
https://twitter.com/CodePen/status/1366423885688811525
RT Adam Argyle
Here's what I mean when I say I like to use *CSS gradient color hints* with my "text over image" designs:
the contrast is so MUCH better!
✅ allows more black behind the text
✅ tweet 3/3 shows static image comparisons with and w/o a hint
source 👉🏻
1/3
https://codepen.io/argyleink/pen/ExNLwbR
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
Build, test, and discover front-end code 👩🏽💻