CSS animation hover effect

Question

I'm looking for some help with a CSS hover effect.

I have a border effect at the bottom of the div horizontal on hover. How do I set it to working vertical right side of div when hover?

Answer 1

You should apply the effect on hover on the right border and in the meantime remove the effect on the bottom, like in the example below:

div:hover {border-right: 1px solid red; border-bottom-style: none;}