
notecss
Add a rainbow shadow effect with hue longer
interpolation and a little bit of blur()
.
Try it in this Codepen

Add a rainbow shadow effect with hue longer
interpolation and a little bit of blur()
.
Try it in this Codepen
Rainbow drop shadow? I gotchu. ⤷ nerdy.dev/rainbow-shad...Adam Argyle
Shame it's not supported on Firefox yet ???? all I could see was a boring button ahahFilipe Freire
@argyleink omg I want this on all my sites
Hidde
These are sad and colorless times... ????????Filipe Freire
reload, works now in firefox and safari: none -> 0 i was using "none" for the hue and apparently they're both not up and up on that CSS color value yet woes be gone!Adam Argyle
no more shame! i've updated the impl so all 3 browsers are happyAdam Argyle
Can confirm! Sad times are a distant past now! ????Filipe Freire
I thought a little bit of animation wouldn't hurt codepen.io/felds/pen/zx... PS 1: replacing linear-gradient with repeating-linear-gradient crashes the tab PS 2: I just found out that animating gradients using background-position-x is surprisingly tricky!Felds
Whoa… how is the gradient so bright and vibrant? On my phone it pops like crazy. It almost feels brighter than the white around it. How is that possible?Steve Adams
Ahhh okay, so here in Chromium land I'm stuck in the dull, lifeless colourscape of yesteryear. I'm using Arc. Every day I find new reasons to regret itSteve Adams
I don't know how much other browsers support HDR, Safari did since quite a while ago on some displays but sometimes newer versions of browsers can break features. (& sometimes rivalry between big tech companies lead to breakage.) There's also a whole spec for all of this: www.w3.org/TR/css-color...Thomas ????️????
Arc is Chromium, it's got HDR support! however, your hardware may not. it's common now for laptop displays to be HDR capable, but external monitors can still be found as SDRAdam Argyle
pairs well with some video game metal music by Rainbowdragoneyes
https://open.spotify.com/artist/4E6WEkrsnOJUSFn83fdyIS
RainbowdragoneyesAdam Argyle :chrome:
Is there a particular reason for specifying "trim-both" when it's the default value? a habit?CSS by T. Afif
muscle memory yeah, but I'll start adjusting it to memorize less ty!Adam Argyle
That’s sweet!Isaac (Aye) DT
Reminds me of this ancient post I did to implement rainbow borders! weston.ruter.net/2009/06/15/m...Weston Ruter