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
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
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
.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