proudyyyy Comments - Answer Overflow

proudyyyy

Explore posts from servers

KPCKevin Powell - Community CDCloudflare Developers

Posts Comments

KPCKevin Powell - Community

•Created by proudyyyy on 12/22/2023 in #front-end

Can animation-timeline be used on multiple selectors?

Sorry for the late reply, I am using opera

GX which is based on chromium

... Also, I haven't tried out to copy the approach inside other editors you mentioned yet, I will in new year probably continue to work on that. Thanks in advance though already! 🙏

11 replies

KPCKevin Powell - Community

•Created by proudyyyy on 12/22/2023 in #front-end

Can animation-timeline be used on multiple selectors?

i don't know if you can refer @ this point to this demonstration of how it works made by the vid I just captured but this is how it should look like using an opera

browser which itself is based on chromium

. I have seen it works on edge

edge as well:

11 replies

KPCKevin Powell - Community

•Created by proudyyyy on 12/22/2023 in #front-end

Can animation-timeline be used on multiple selectors?

but isn't codepen itself usign chromium

to render it's content of the codepens? 😮

11 replies

KPCKevin Powell - Community

•Created by proudyyyy on 12/22/2023 in #front-end

Can animation-timeline be used on multiple selectors?

I was actually trying it out on two things inside of a codepen which there works just like a charm, but once trying in my app, it doesn't work at all...
Here's the codepen so you get what I try to achieve: https://codepen.io/Proudyy/pen/rNRNdXO

11 replies

KPCKevin Powell - Community

•Created by Gray on 1/5/2023 in #front-end

why wont my link center?

you could've also tried using margin-left: auto; and margin-right: auto 🙂

45 replies

KPCKevin Powell - Community

•Created by proudyyyy on 1/6/2023 in #front-end

Vignette (inset shadow) on a video

I saved my pen now as well, it will be available once again. If you'd like to see the solution, refer to it 😄 https://codepen.io/Proudyy/pen/eYjBewO

8 replies

KPCKevin Powell - Community

•Created by proudyyyy on 1/6/2023 in #front-end

Vignette (inset shadow) on a video

Works, thanks. 🙂

8 replies

KPCKevin Powell - Community

•Created by proudyyyy on 1/6/2023 in #front-end

Vignette (inset shadow) on a video

<:PES5_NiceThumbsUp:803737872414801921>

8 replies

KPCKevin Powell - Community

•Created by proudyyyy on 1/6/2023 in #front-end

Vignette (inset shadow) on a video

8 replies

KPCKevin Powell - Community

•Created by proudyyyy on 1/6/2023 in #front-end

Vignette (inset shadow) on a video

Changing the box-shadow just as how I wanted worked out pretty well. New code (yours edited):

.video-player{position: relative;}
.video-player::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 100%;
    box-shadow: inset 0px -35px 30px 0px rgba(0,0,0,0.9);
    z-index: 999;
}

.video-player{position: relative;}
.video-player::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 100%;
    box-shadow: inset 0px -35px 30px 0px rgba(0,0,0,0.9);
    z-index: 999;
}

8 replies

KPCKevin Powell - Community

•Created by proudyyyy on 1/6/2023 in #front-end

Vignette (inset shadow) on a video

8 replies

Gaming

Programming