cubiq Comments - Answer Overflow

cubiq

Posts Comments

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

https://discord.com/channels/436251713830125568/1217109466906886155/1217268831488180354

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

because deeper functionalities of backdrop filters on firefox are directly limited.. Their optimization is not to include features (or better not to code them at all) while there were directly part of the whole svg filter spec 😅 I'm not saying that chrome's approach couldnt have been improved, for sure they could, but i feel like this is not the same thing..

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

well it is indeed, the problem is that we want to actually blur the background <-o , so filter that blurs o-> wouldn't work in this case.

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

i could try doing that 😅 but expecting it's gonna be the same..

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

that one is fine

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

that's because the small ones aren't small enough to cause it xd

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

its moving in 3d but it is still laggy.. also very broken in terms of coords as you can't really go 0 when in perspective, its so broken xd, so yeah, also not a way..

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

i mean yeah, its definitely caused because of that scale. i will try going perspective with translateZ, maybe that one could solve it 😅

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

oh well, and over all i have pretty good pc :D

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

it is :D the lag just feels about the same, but i didn't measure it, maybe its a bit better but my goal is to eliminate the lag entirely xd

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

but thank you still!

39 replies

KPCKevin Powell - Community

•Created by cubiq on 2/16/2025 in #front-end

🫨 Fix my crazy blur lags | Advanced

I tried that before, the lag still remains, i can't really see any difference but i guess i should put it there still..

39 replies

KPCKevin Powell - Community

•Created by cubiq on 4/15/2024 in #front-end

SVG filter to "flip" the image?

5 replies

KPCKevin Powell - Community

•Created by cubiq on 4/15/2024 in #front-end

SVG filter to "flip" the image?

definitely getting somewhere!

5 replies

KPCKevin Powell - Community

•Created by cubiq on 4/15/2024 in #front-end

SVG filter to "flip" the image?

oh i didn't know fehorse has a dc server, mark, thank you so much <3 ill make sure to ask there

5 replies

KPCKevin Powell - Community

•Created by Stroudy on 3/26/2024 in #front-end

:last-child:first-letter:hover

it would really help to create that codepen but my approach would be creating local variables and then on hover changing the variable colors:

[] {
  --_btn-accent: pastelgreen;
  --_btn-primary: var(--primary-color);
  --_btn-bg: rgb(1, 25, 44);
  
  background: var(--_btn-bg);
  ...
}

[]:first-letter {
  color: var(--_btn-accent);
}

[]:hover {
  --_btn-accent: var(--primary-color);
  --_btn-primary: var(--second-color);
}

[] {
  --_btn-accent: pastelgreen;
  --_btn-primary: var(--primary-color);
  --_btn-bg: rgb(1, 25, 44);
  
  background: var(--_btn-bg);
  ...
}

[]:first-letter {
  color: var(--_btn-accent);
}

[]:hover {
  --_btn-accent: var(--primary-color);
  --_btn-primary: var(--second-color);
}