Using pseudo-elements to change border to a different color

On this code

I have this code that uses pseudo-elements, but I can’t figure out how to do it on that one either.


I found this old code that does it.

That uses this:

.playButtonb.activated::before {
  opacity: 1;
  border: 3px solid red;


But, how would I transfer that to the code I am trying to add it to?

If you want the blue border to change to red then you don’t need anything else in that demo as far as I can see. Just use the slide class that is already added on click.


.curtain{transition:3s ease;}

Assuming that’s the border you were talking about.

1 Like