Как заставить срабатывать hover при наведении?

Question

[L1nw0od]

Доброго времени суто, есть кусок кода - работает как полагается - не могу понять как сделать так чтоб при наведении на элементы "а" отрабатывал hover эффект

<style>
.custom-cursor {
    position: fixed;
    top: -2px;
    left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #01a99c;
    z-index: 100;
    pointer-events: none;
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.25, 1.0);
}
.custom-cursor .default {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 40px;
    height: 40px;
    border: 1px solid #9c9c9c;
    border-radius: 50%;
    opacity: 0.2;
    box-sizing: border-box;
    z-index: 99;
}
.custom-cursor .hover {
    position: absolute;
    top: -38px;
    left: -38px;
    width: 80px;
    height: 80px;
    background-color: #bbb;
    border-radius: 50%;
    opacity: 0.12;
    z-index: 98;
    box-sizing: border-box;
}
</style>
<div class="custom-cursor">
  <div class="default"></div>
  <div class="hover" style="display:none"></div>
</div>
<script>
$(window).mousemove(function (pos) {
	console.log(pos.originalEvent.clientX);
	$(".custom-cursor").css({"transform": "translate3d(" + pos.originalEvent.clientX + "px, " + pos.originalEvent.clientY + "px, 0px)"});
});
</script>

Answer 1

[Владимир Проскурин]

Глючный у вас курсор конечно. Но вы копаете не с той стороны. Вам нужно повесить событие наведения мыши на все элементы, которые должны менять курсор на hover. При наведении на такой элемент, показываем ваш курсор hover, при убирании мыши убираем курсор hover.
Пример https://jsfiddle.net/g3m4p2re/ (я использовал там jQuery событие hover).

Comments

[L1nw0od]

Большое спасибо )

Answer 2

[Punn1k]

a:hover{

}