Как добавить анимацию к тексту с помощью пользовательского интерфейса материала

Question

Я пытаюсь добавить анимацию, где я хочу, чтобы добавленный текст имел 3D-эффект и вращался на 360 градусов одновременно, используя материал.

<Typography variant="overline"  color="secondary"  style={{fontFamily:'Roboto'}}>
  All about your needs
</Typography>

. Я хочу, чтобы этот эффект был упомянут выше. текст, как мне подойти к этой проблеме?

Answer 1

Это просто поведение css, посмотрите на следующее:

@keyframes rotatee {
  from{transform:rotateY(0deg)}

    to {transform:rotateY(360deg)}
  
}

.toto > span {
    animation: rotatee 3s linear infinite;
  display:inline-block;
}

<span class="toto">
  <span>TEXT</span>
</span>