αgυѕ Comments - Answer Overflow

I tried to find the source for that but I couldn't find it, but you can see here https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline/scroll on the last block of code the following comment animation-duration: 1ms; /* Firefox requires this to apply the animation */ and it's 100% true, if you take that out (on a working animation, not mine atm) nothing happens on Firefox (also I have to add that on Firefox animation-timeline is experimental so I changed a flag for it to work)

29 replies

KPCKevin Powell - Community

•Created by αgυѕ on 1/2/2024 in #front-end

Stop CSS fading when scrolling?

that makes view() work as scroll() which is cool to know, but the animation is still not reproducible, maybe the animation keyframe is invalid, I tried to change it to

@keyframes remove-fade {
  to { opacity: 0; }
}

but it's not working either

29 replies

KPCKevin Powell - Community

•Created by αgυѕ on 1/2/2024 in #front-end

Stop CSS fading when scrolling?

what property should be set to cover exactly?

29 replies

KPCKevin Powell - Community

•Created by αgυѕ on 1/2/2024 in #front-end

Stop CSS fading when scrolling?

the rest of the site is JSless, using it for that alone seems overkill, I want to keep it simple with native CSS

29 replies

Gaming

Programming