Что вызывает это поведение мыши?

Question

Что вызывает это? (мышь не перемещается и не щелкается)

Answer 1

Я подозреваю, что стиль CSS: hover приводит к тому, что объект имеет другой размер (возможно, поле), что приводит к тому, что стиль CSS: hover перестает применяться. Это возвращает объект к его исходным размерам, и браузер снова применяет стиль: hover.

Браузер может не отставать от этого только с определенной скоростью, и вы видите видимое мерцание.

Answer 2

Это крайнее условие.

Answer 3

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

border: 1px solid #FFFFFF;
border-bottom: 0px;

для начала, в вашем CSS

Answer 4

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