애니메이션을 추가하려고합니다. 추가 된 텍스트에 3D 효과가 있고 재질 UI를 사용하여 동시에 360도 회전하고 싶습니다.
<Typography variant="overline" color="secondary" style={{fontFamily:'Roboto'}}>
All about your needs
</Typography>
위에서 언급 한 텍스트에 그 효과를 적용하고 싶습니다.이 문제에 어떻게 접근해야합니까?
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>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다