How to make a smooth image change from left to right on hover?

E

EugeneNB2021-06-16 13:15:25

css

EugeneNB, 2021-06-16 13:15:25

Greetings!
I want to make a smooth change of the logo on hover.
There are 2 images of the logo, dark and color.

<a href="#" class="logo">
    <img src="/logo-dark.svg" alt="" class="logo-dark">
    <img src="/logo-color.svg" alt="" class="logo-color">
</a>

Is it possible to make a coloring effect so that the logo changes from left to right to color?

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

A

A person from Kazakhstan, 2021-06-16
@EugeneNB

You can just change the fill color on hover...
SVG does just that.