CSS Возможно ли как-то изменить или улучшить смену картинки на другую картинку через :hover?

Question

[Refuchs]

правильно ли сделал смену картинки на другую или можно проще и лучше ?
https://codepen.io/Refuchs/pen/NWRyLrz

Comments

[Андрей Федоров]

А зачем такое в принципе картинками делать?

[Refuchs]

Андрей Федоров, я просто абсолютная зелень в верстке и уж тем более жс не знаю, так что не знаю, как ещё можно сделать подобную "анимацию", кроме как подменить картинку на другую с изменениями

[Андрей Федоров]

Refuchs, у вас картинка полностью статичная, за исключением маленького треугольничка. загрузите картинку фоном и меняйте только треугольничек, тут уже будет выигрыш.

[Кирилл Никитин]

Refuchs, вообще, img для контента, для дизайна css. Тут можно менять только треугольник, или сделать png с прозрачным этим треугольником и менять фон у блока на серый, svg ещё как вариант и менять этот элемент.

[Refuchs]

Кирилл Никитин, благодарю за идеи!