时间戳

首页 > 解决方案 > 如何使用材质 ui 向文本添加动画

css - 如何使用材质 ui 向文本添加动画

问题描述

我正在尝试添加一个动画，我希望添加的文本具有 3d 效果并使用材质 ui 同时旋转 360 度

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

我想要上面提到的文字效果，我应该如何解决这个问题？

标签： cssmaterial-ui

解决方案

这只是一种 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>

推荐阅读