CSS3 prechod a animácia na rovnakom uzle - css, css3, css-transitions, css-animácie

Je možné pracovať s prechodom CSS3 a animáciou pre ten istý objekt na rovnakom objekte?

Snažím sa umožniť vyblednutie :hover s prechodom a potom by animácia mala pokračovať nekonečne. Momentálne nefunguje kód tejto husle

Keď je v kóde iba prechod, prechod funguje. Keď sú obe vlastnosti aktívne, zdá sa, že iba animácia funguje a prechod jednoznačne nefunguje.

Existuje nejaký spôsob, ako kombinovať oba efekty v tomto prvku?

odpovede:

Môžete skúsiť pridanie oneskorenia do animácie. Pravdepodobne budete chcieť zmeniť poradie kľúčových snímok s neprístupnosťou tak, aby animácia začala, kde skončí prechod.

husle

animation:                youtubeplay-pulse 2s infinite;
animation-delay:         .7s;
-webkit-animation:        youtubeplay-pulse 2s infinite;
-webkit-animation-delay: .7s;