국내 IT 기업 기술 블로그 최신 글

씨앤텍시스템즈

2023년 12월 28일

프론트엔드

SVG를 이용하여 Animation 만들기_후속

SVG의 `viewBox`, `viewport`, `preserveAspectRatio` 개념을 정리하고 `meet`와 `slice`의 동작 차이를 설명했습니다.\n크기 관계에 따라 정렬 기준이 어떻게 달라지는지 예시로 살펴보았습니다.

#SVG#HTML

2800

씨앤텍시스템즈

2023년 12월 27일

프론트엔드

SVG를 이용하여 Animation 만들기

SVG 도형을 추출해 ID와 그룹 단위로 CSS 애니메이션을 적용하는 방법을 정리했습니다. hover 이동, 클릭 색상 변경, 순차 등장 애니메이션까지 구현 과정을 소개했습니다.

#SVG#Animation

6100