CSS:transition — одновременный показ и скрытие, возможно ли?

Question

[Михаил Р.]

Появилась задумка изменить цвет у нескольких строк текста идущих сверху вниз при наведение курсора на весь блок с текстом (class1).
Код:

<div class="class1">
  <div class="class2">123</div>
  <div class="class3">123</div>
  <div class="class4">123</div>
</div>

Применить hover+transition я могу, но вот как сделать так, чтобы при hover цвет текста появился и через 5 сек (например) исчез, при этом курсор с блока не убираем (т.е. hover остается активным) я не понимаю.

Comments

[Nikolay Talanov]

Вам поможет старый добрый @keyframes animation.

Answer 1

[Viktor Vsk]

js или keyframes

Comments

[Михаил Р.]

А силами лишь css этого можно добиться?

[Viktor Vsk]

Mike Ro: Можно, потому и написа "или". codepen.io/tag/keyframe

Answer 2

[Сергей delphinpro]

keyframes вам помогут