Why is the after elemant appearing in front of my main elemaint even after i specified z-index

8 Replies
ἔρως
ἔρως4mo ago
what are you trying to do?
sheikh
sheikhOP4mo ago
oh a css border animation so that blue part is meant to appear behind the white part doesn't work no matter how much i reduce the z index My brain is having a neuclear explosion
ἔρως
ἔρως4mo ago
why do you need an :after for that?
sheikh
sheikhOP4mo ago
umm, a border can't be animated like that?
ἔρως
ἔρως4mo ago
i see what you want how about you use a :before and :after?
sheikh
sheikhOP4mo ago
oh thats a good idea, but i need to make them appear glow, there isn't a third pseudo element is there? basically, the before element meant to have same stats as the after, + filter: blur(2px); So any other ideas
ἔρως
ἔρως4mo ago
svg you can do animations with it
Chris Bolson
Chris Bolson4mo ago
Try removing your z-index on the parent #logo element. Removing that should then push it's pseudo elements behind it.
Want results from more Discord servers?
Add your server