home.social

#grainy — Public Fediverse posts

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

  1. Made a gallery of such #SVG gradient + #filter effects blobs on @codepen
    codepen.io/thebabydino/full/YP

    Also includes an explanation of the how behind and interaction: the focal point of the `radialGradient` the blobs start from follows the cursor on hover.

    Different blobs for light/ dark mode. 😼

    #svgGradient #cssGradient #blob #grainy #radialGradient #svgFilter #grain #code #coding #frontend #distortion #web #dev #webDev #webDevelopment #filterEffect

  2. Made a gallery of such #SVG gradient + #filter effects blobs on @codepen
    codepen.io/thebabydino/full/YP

    Also includes an explanation of the how behind and interaction: the focal point of the `radialGradient` the blobs start from follows the cursor on hover.

    Different blobs for light/ dark mode. 😼

    #svgGradient #cssGradient #blob #grainy #radialGradient #svgFilter #grain #code #coding #frontend #distortion #web #dev #webDev #webDevelopment #filterEffect

  3. This is one of my faves 🌟 when it comes to #SVG #filter demos I've made: slicing & offsetting text without any duplication whatsoever and some nice subtle graininess & shadow effects codepen.io/thebabydino/pen/GRa

    Heavily commented code too. 😼

    #svgFilter #grainy #noise #turbulence #textEffect #filterEffect #code #coding #frontend #webDev #web #dev #webDevelopment

  4. This is one of my faves 🌟 when it comes to #SVG #filter demos I've made: slicing & offsetting text without any duplication whatsoever and some nice subtle graininess & shadow effects codepen.io/thebabydino/pen/GRa

    Heavily commented code too. 😼

    #svgFilter #grainy #noise #turbulence #textEffect #filterEffect #code #coding #frontend #webDev #web #dev #webDevelopment