용어집 · 애니메이션
스트로크 그리기
선이 한쪽 끝에서 다른 쪽 끝까지 조금씩 그려지거나, 같은 방식으로 지워지는 애니메이션이에요.
자세히
스트로크 그리기는 윤곽선이 누군가의 손으로 그려지는 것처럼 나타나게 해요. 써지는 밑줄, 버튼을 가리키는 화살표, 가격 주위를 감싸는 테두리 등이 그 예예요. 윤곽선의 일부만 보여주고, 움직임 동안 그 부분을 늘리거나(또는 줄여서) 작동해요.
BannerMotion은 “스트로크 그리기”(선이 나타남)와 “스트로크 지우기”(선이 사라짐)를 제공하며, 정방향이나 역방향으로 쓸 수 있어요. SVG 스트로크에 적용되고, 무한 반복은 없어요. 브라우저가 움직이는 동안 도형을 계속 다시 그리므로, 적은 수의 요소에 짧은 시간으로 쓰는 것이 좋아요.
예시
“Oferta” 아래의 밑줄이 0.5초 동안 왼쪽에서 오른쪽으로 그려지는 예.
나타나는 곳
[이 용어는 아직 어떤 가이드에도 나오지 않아요.]