Как сделать такой эффект для курсора?

Question

[juliadesigner]

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

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

Помогите понять, как это сделать. Пожалуйста не критикуйте, если этот вопрос кажется глупым для кого-то

Answer 1

[Евгений Петров]

codepen.io/cleric/pen/dIuFj

Comments

[juliadesigner]

Спасибо большое ты умничка! Класс!

Answer 2

[Антон Фроловский]

Там стоит скрытый div с описаной анимацией, по клику ему выставляют координаты курсора, див показывают и запускается анимация по окончанию которой он вновь становиться невидимым.

Comments

[juliadesigner]

А где-нибудь есть такое для joomla ?

[Антон Фроловский]

Без понятия, это довольно просто делается :) без всяких плагинов, библиотек и т.п.

[juliadesigner]

@fr_ant Так просто, что я ничего не поняла из вашего ответа ((((((( Про div поняла, но другое нет. Анимация это GIF или в фотошопе сделать другим форматом ?

[Антон Фроловский]

Есть div с css3 анимацией (не gif), этот div скрывается/показывается по клику.
Через javascript этот div позиционируется под курсор при каждом клике.

Answer 3

[Хабиб Омаров]

я если честно не совсем вас понял? вам гифку нужно сделать или реализовать это через javascript?

Comments

[juliadesigner]

Нажмите на странице вне области чего-либо и увидите эффект. Он будто бы тачскрин, но из курсора выходит. Вот это хочу понять, как сделать