home.social
Sign in Create account

#csschallenge2024 — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #csschallenge2024, aggregated by home.social.

  1. Ana Tudor 🐯 @[email protected] ·

    #cssChallenge2024 How would you code this text effect with:

    ❌no text duplication
    ❌no splitting text in multiple elements
    ❌no JS, no images at all
    ⚠️under 15 CSS declarations, including prettifying & layout + a simple SVG filter

    Palette: 0c7fc1, f7961f, 0a161f, 323232.

    If you're a $5+ patron on Patreon, you know where to find the answer.

    #pureCSS #CSS #textEffect #filter #SVG #svgFilter #code #coding #frontend #webDev #webDevelopment

    #csschallenge2024 #purecss #css #texteffect #filter #svg
  2. Ana Tudor 🐯 @[email protected] ·

    #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 🤫)

    #CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment

    #csschallenge2024 #css #code #coding #singlediv #onediv
  3. Ana Tudor 🐯 @[email protected] ·

    #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 🤫)

    #CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment

    #csschallenge2024 #css #code #coding #singlediv #onediv
  4. Ana Tudor 🐯 @[email protected] ·

    #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 🤫)

    #CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment

    #csschallenge2024 #css #code #coding #singlediv #onediv
  5. Ana Tudor 🐯 @[email protected] ·

    #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 🤫)

    #CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment

    #webdevelopment #webdev #frontend #cssgradient #onediv #singlediv
  6. Ana Tudor 🐯 @[email protected] ·

    #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 🤫)

    #CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment

    #csschallenge2024 #css #code #coding #singlediv #onediv