Скрытая видимость не работает, пока не будет перемещена мышь. ⇐ CSS

[Гость]

Видимость: скрыто не работает, пока не будет перемещена мышь.

const link = document.getElementById("link"); link.onclick = (событие) => { link.style.visibility = "скрытый"; link.style.pointerEvents = «нет»; событие.preventDefault(); }; home

Мне нужен #link, чтобы на него не наводился CSS.

Если я нажму #link и не перемещаю мышь, ссылка все равно будет наведена (курсор является указателем, а ссылка появится внизу).

Если я применю display: none, это будет работать, но я не хочу это использовать, потому что я мог бы использовать transition и opacity.