Are there any other pseudo-elements besides before, after?

Question

css

Hello! Are there other pseudo-elements besides ::before and ::after? Conventionally, I want to do this:

The base before and after properties are width:0; height:3px;
Before{
bottom: 0;
left:0;
}

After{
top:0;
Right:0
}

When hovering over an object, the width of the pseudo-classes became 100%. But! I understand that only two elements will work this way and they will be on top and bottom. Is it possible to add the same animation as the pseudo-classes on the right and left?

Answer 1

All pseudo elements