Login
You're viewing the y.diskcat.com public feed.
  • pebble :pel:pebble@critters.gay
    Nov 1, 2026, 4:44 PM

    i touched up my link site (pebb.in) a little :3 now with a super unnecessary crt effect & p3 yellow

    a screenshot of a browser window with pebb.in open; the site is mostly blank with a dark blue background; on the left there's a rectangle with an ascii "pebble directory" logo at the top; under that are three sections: first one, about me, has the following info: artist & creator, queer weirdo, online cryptid, it / she; the next section, pebble online, has links to my various presence online; lastly in the contact section there's a link to my email, p@pebb.in; the whole site has a stylised crt-like overlay with chromatic abberation, colour bleed and slight blur
    💬 1🔄 0⭐ 0

Replies

  • pebble :pel:pebble@critters.gay
    Nov 1, 2026, 4:47 PM

    i'm rly pleased with how the crt effect came out, it's like, subtle enough to not be annoying but it adds to the v i b e

    (it gets turned off if the visitor has reduced transparency or high contrast turned on)

    a video showing the crt effect on pebb.in, with bright yellow, scanlines, chromatic aberration and scan lines
    💬 1🔄 1⭐ 0
  • 💬 0🔄 0⭐ 0
  • pebble :pel:pebble@critters.gay
    Nov 1, 2026, 10:50 PM

    @mynotaurus@floofy.tech it's a combination of a few different effects! namely:
    - overlay 1 with a background gradient that forms the scanlines
    - overlay 2 with saturate and blur filters
    - 3 drop shadows on all the foreground objects: green and magenta offset to the left and right just a tiny bit for the chromatic aberration, then a subtle blurred yellow shadow for the colour bleed
    - display-p3 colour space definition for the yellow, making it more vivid than normally possible on compatible displays

    if u wanna take a look at it u can just do view page source, it's all in one file; there's no comments, but it's all just basic css so it shouldn't be hard to understand i think

    💬 0🔄 0⭐ 0