#CSSChallenge2024 - Twitter Hashtag

Ana Tudor 🐯 (find me on Bluesky/ Mastodon) @anatudor

about 2 years ago

#cssChallenge2024 How do you code this text effect with: ❌no text duplication ❌a single element, no :before/:after ❌no JS, no images at all ⚠️under 15 CSS declarations + SVG filter Palette: 0c7fc1, f7961f, 0a161f, 323232 If you're a $5+ patron, you know where the answer is.

anatudor's tweet photo. #cssChallenge2024 How do you code this text effect with:
❌no text duplication
❌a single element, no :before/:after
❌no JS, no images at all
⚠️under 15 CSS declarations + SVG filter

Palette: 0c7fc1, f7961f, 0a161f, 323232

If you're a $5+ patron, you know where the answer is. https://t.co/r8TCIS90Zo

1

7

1

0

2K

Ana Tudor 🐯 (find me on Bluesky/ Mastodon) @anatudor

about 2 years ago

#cssChallenge2024 How would you code such layered text effects with no text duplication? Not in the markup. not in pseudo content. No JS. No images other than at most 2 CSS gradients. No SVG shapes/text allowed. May use simple SVG filters. Bonus: make offset font-size-relative.

anatudor's tweet photo. #cssChallenge2024 How would you code such layered text effects with no text duplication? Not in the markup. not in pseudo content.

No JS. No images other than at most 2 CSS gradients. No SVG shapes/text allowed. May use simple SVG filters.

Bonus: make offset font-size-relative. https://t.co/TCOoHKGhIh

2

22

4

16

7K

Ana Tudor 🐯 (find me on Bluesky/ Mastodon) @anatudor

over 2 years ago

#cssChallenge2024 Code these two backgrounds! ✨1 div per background ✨no JS ✨no SVG, no images in general save for at most 3 CSS gradients ✨under 20 CSS declarations, including layout & prettifying (if you're a $5+ patron on Patreon, you know where to find the live demo 🤫)

anatudor's tweet photo. #cssChallenge2024 Code these two backgrounds!

✨1 div per background
✨no JS
✨no SVG, no images in general save for at most 3 CSS gradients
✨under 20 CSS declarations, including layout & prettifying

(if you're a $5+ patron on Patreon, you know where to find the live demo 🤫) https://t.co/Q2xhVfWeOm

0

2

0

2

682

Ana Tudor 🐯 (find me on Bluesky/ Mastodon) @anatudor

over 2 years ago

#cssChallenge2024 Code this! ❌no text duplication (markup or pseudo-content) ⚠️contenteditable ❌no JS ❌no SVG save for filters ⚠️no images save for under 10 CSS gradients in total including backgrounds ⚠️under 50 CSS declarations ⚠️1 div for text, no children

0

7

1

2

1K

Top Tweets for #CSSChallenge2024

Last Seen Hashtags on Sotwe

Trends for you

Most Popular Users