Как сделаны эффекты при наведении на картинки? (звездочки, дождь)

В инете дофига html модулей для этого, но зачем оно? Режет глаза, если честно, бывает напихают на сайт эффектов

Анимированный gif - самое простое решение. Но можно и по другому.

своими словами перескажи

Если прямо так, как на вашем примере, то помощью cubic-bezir

Простой gif (почему-то с расширением jpg) поверх картинки.

Вот он - https://ae01.alicdn.com/aecbu/img/ibank/2016/256/678/3116876652_1063194047.jpg

Проблема владельцев сайтов в том, что они думают, что покупатели тоже страдают такой же фигней, как и они. Всякие моргания, мигания, перделки, свистелки и прочее, снижает продажи на много, и вызывает отторжение - посетивший один раз такой сайт, больше не захочет. Чем больше бреда на сайте, тем меньше он вызывает доверия у покупателей. А чем меньше доверия, тем быстрей бизнес придет в упадок. Разогнать последних посетителей, ума много не надо.
Спец эффекты могут применяться в умеренных и разумных долях, при условии, что демонстрируется преимущество данного товара. Например зонт. При наведении сменяется изображение на изображение с раскрытым зонтом и дождем. Это в какой-то степени может увеличить продажи, если покупатели этого товара не старше 30-35 лет. Люди постарше могут раздражаться от этого.
Надо определиться - ты продавец или шоумен.

Вешаешь на псевдокласс на событие hover картинку гиф и все, можно через JS но дольше, при от отключенном JS работать не будет. Так что, с CSS проще будет.

Это всего лишь гифка при наведении. А зачем на сайте с товарами дождь или звезды? Клиентам не это нужно, а чтобы картинка была хорошего кач5ства.

Зайди на ту страницу, ткни правой кнопкой мыши по картинке и выбери "Исследовать элемент"