estou criando animações, mas não consigo colocar dois animation num mesmo elemento.
ex:
#goku-poder { animation: kameha 2s forwards; animation: surgir-ki 1s infinite; }
como posso fazer isso funcionar? fazer as duas animações em um unico @keyframes a partir de diversas etapas em porcentagem ficou muito complicado pois há coisas que eu quero por um delay diferente. também estou com dificuldade na propriedade "z-index" e os elementos internos do svg. se coloco o "z-index" assim:
svg { position: absolute; z-index: 2 } funciona. mas se tenho um "circle" com um id, o z-index não pega esse id e eu não consigo sobrepor a imagem.