CSS transitions on after pseudoclass not applying

Hello, i'm using one of kevin's videos for a neat transition effect, but i've run across a problem. My after pseudoclass aren't using the transition I've set it to. I've tried to tweak around it for hours but I'm still unable to find what's wrong. If you would like to give it a try, here's my codepen: https://codepen.io/Azure-Lance/pen/VwVJKZL Thank you in advance
3 Replies
omo
omo15mo ago
update: i still havent figured whats wrong with it. I've also tried chatgpt which did not see an error. Please help, I'm at my wits end
savvystrider15
savvystrider1515mo ago
Is it this section: .gallery__card::after { opacity: 0; transform: scale(0, 1); background-color: #fff; transition: transform 300ms ease, 300ms ease-in-out, background-color 300ms ease; } ? Looks like you didn't specify opacity in your transition property the way you did with transform and background-color.
omo
omo15mo ago
you brought my hopes up for a second xd but no, i just forgot to include it in the codepen. I've added it now, and the transition is still not occurring sadly hm nvm the code pen seems to be working after i removed unrelated stuff lol im gonna have to investigate this further
Want results from more Discord servers?
Add your server