Элемент при наведении мерцает при наличии анимации ⇐ CSS

[Anonymous]

Я использую навигацию при наведении, и она работала, пока я не начал добавлять анимацию. Всякий раз, когда присутствует какая-либо анимация, связанная с движением, она начинает мерцать при наведении на нее курсора.
Вот код, в котором возникла проблема. Когда добавленная мной анимация, например, удаляется, она работает по назначению:

.hide {
display: none;
}

.hover {
position:absolute;
display:block;
width:200px;
height:200px;
background:grey;
}

.hover:hover + .hide {
display:inline-block;
background:#fff;
position:absolute;
}

@keyframes animation {
0% {font-size:14px;}
100% {font-size:15px;}
}

.animationexample {
animation:animation 1s infinite;
position:absolute;
top:0;
right:0;
}


Animation

Hover over this

Now hover over this



Подробнее здесь: https://stackoverflow.com/questions/783 ... is-present