Scikit Web

html5 글자 효과 라이브러리 중 lettering js 사용 예제 이다. Text를 span 단위로 글자를 나눠주는 게 특징이다. 그래서 소스코드를 보면 html5 영역에는 span이 없지만 class에 등록해 놓은 span class의 영향을 받는 것을 확인할 수 있다. HTML 삽입 미리보기할 수 없는 소스

CSS에 있는 linear-gradient 효과를 이용하여 글자에 무지개 효과는 넣는 예제 입니다. 텍스트가 무조건 대문자로 보이게 text-transform: uppercase; 라는 속성도 적용되어 있습니다. HTML 삽입 미리보기할 수 없는 소스

html5 의 element(div, label 등)에 애니메이션 효과를 넣어주는 유용한 라이브러리 입니다. https://animate.style/ Animate.css | A cross-browser library of CSS animations. Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints. animate.style 무료 라이브러리 이며 사용법도 상당히 간단합니다. 아래 예제와 같이 라이브러리를 추가합니다. 사용가능한 기능들은 라이브러리 홈페이지..