> 웹 프론트엔드 > CSS 튜토리얼 > 나는 오픈 소스 SVG 스피너 컬렉션을 만들었습니다.

나는 오픈 소스 SVG 스피너 컬렉션을 만들었습니다.

Susan Sarandon
풀어 주다: 2024-10-17 14:13:30
원래의
388명이 탐색했습니다.

링크: https://magecdn.com/tools/svg-loaders
Github: https://github.com/shubhamjain/svg-spinners

Afif13 및 Vineeth TRV와 같은 개발자들은 CSS 스피너를 사용하여 훌륭한 작업을 많이 해왔습니다. 그러나 저는 개인적으로 이러한 목적으로 CSS를 사용하는 것을 좋아하지 않습니다.

왜?

  1. 구성요소 생성이 복잡해집니다.
  2. 스타일시트가 복잡해집니다.
  3. 스피너를 배경이나 이미지로 사용할 수 없게 됩니다.
  4. SVG에서 단순히 채우기 또는 획 색상을 조정하는 것보다 크기 조정 및 색상 변경이 더 번거롭습니다.

SVG 기반 로더는 훨씬 더 우아한 솔루션을 제공합니다. 저는 중앙 집중식 리소스를 만들기 위해 다양한 리포지토리와 Codepens에서 스피너를 수집하는 데 시간을 투자했습니다. 지금까지 108개의 스피너가 있습니다. 계속해서 추가할 계획입니다.

I Built a Collection of   Open-Source SVG Spinners

모든 스피너는 MIT 라이선스를 취득했습니다. 즉, 어떠한 제한이나 저작자 표시 없이도 상업적으로 사용할 수 있습니다.

즐기세요!

위 내용은 나는 오픈 소스 SVG 스피너 컬렉션을 만들었습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿