Korean English Japanese

CSS SVG/CSS Loader 예제

 

CSS SVG/CSS Loader

SVG로 구현할 수 있는 CSS 로더, 티스토리 에디터에서는 적용한 HTML과 CSS 가 실시간 구현되지는 않지만, 콘텐츠에 적용할 수 있다는 것만으로도 매우 좋은 장점을 가지고 있다. 자주 사용하지는 않겠지만, 필요한 요소에 사이즈 정도를 조절하여 구현하면 굉장히 예쁘게 사용할 수 있을 것 같은 SVG 로더다.

딱히, 단점이라고 할 필요는 없지만 HTML 편집 상태에서 텍스트를 작성해야 하기 때문이, 일반적인 웹 에디터에서 글을 쓸 때와는 확실히 느낌이 다른 것 같다. 해당 로더의 제작자는 Loader SVG/CSS by Bidji (@Bidji)이며(This loader uses the changing colours to give the impression of rotating.), 코드펜에서 쉽게 구현해볼 수 있다.