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?

Put a minimal reproducible example in the question.

jonrsharpe
– jonrsharpe

2019-11-17 15:40:45 +00:00
Commented Nov 17, 2019 at 15:40 — jonrsharpe
– jonrsharpe, Commented Nov 17, 2019 at 15:40

Sami · Accepted Answer · 2019-11-17 16:49:16Z

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;}

answered Nov 17, 2019 at 16:49

Sami

764 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sami Over a year ago

You're welcome. The code that i posted applies a border right on hover and makes the border on the bottom disappear. Which kind of effect are you aiming for?

Sami Over a year ago

I'm sorry but I can't understand very well. You should provide some code in the question so we can help you more.

Collectives™ on Stack Overflow

CSS animation hover effect

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related