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

Разбираемся в CSS
Ответить
Anonymous
 Элемент при наведении мерцает при наличии анимации

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»