인프런 커뮤니티 질문&답변
작성한 질문수
path 를 x ,y로 이동
작성
·
287
퀴즈
SMIL 애니메이션을 정의할 때 사용하는 기본 태그는 무엇일까요?
<animation>
<smil-animate>
<motion>
<animate>
답변 1
0
1분코딩
지식공유자
<path>를 이동시킬 경우는 아래처럼 <animate> 대신 <animateTransform> 태그를 이용해서 변환(위치 이동, 회전 등)을 처리할 수는 있는데요, 수업에서 말씀드렸다시피 SMIL 자체가 추천되는 기술은 아니기 때문에, CSS transition이나 CSS animation을 사용하시는게 좋습니다. 위치 이동은 CSS로도 충분히 가능하니까요~
<animateTransform attributeName="transform" type="translate" from="0 0" to="700 0" dur="2s" repeatCount="indefinite"></animateTransform>