페이지의 텍스트에 SVG 기반의 애니메이션 반짝임을 추가하는 작고 종속성이 없는 웹 구성 요소입니다.

https://www.stefanjudis.com/blog/a-web-component-to-make-your-text-sparkle/

사용 예:

<!-- Add sparkles  -->
<sparkly-text>Hello world</sparkly-text>

<!-- Increase the number of sparkles  -->
<sparkly-text number-of-sparkles="5">Hello world</sparkly-text>

<!-- Color the sparkles  -->
<sparkly-text style="--sparkly-text-color: orange">Hello world</sparkly-text>

<!-- Add rainbow colors   -->
<sparkly-text style="--sparkly-text-color: rainbow">Hello world</sparkly-text>

<!-- Increase the sparkle size  -->
<sparkly-text style="--sparkly-text-size: 2.5em">Hello world</sparkly-text>

웹학교 무료강좌 / 웹학교 컨텐츠몰

PHP포탈 / 구인구직 솔루션

By 웹학교