누구도 페이지나 콘텐츠가 로딩되는 동안 기다리는걸 좋아하는 사람은 없을겁니다. 이럴 때 애니 스피너spinner나 로더loader를 사용하면 사용자를 붙잡아두는데 도움이 됩니다.
CSS3와 HTML5, jQuery를 사용해 만든 스피너와 로더를 골라보았습니다. 아래 것들로 갤러리, 슬라이더, 블로그 포스트, 페이지 등에서 로딩 시에 적용시켜 볼 수 있겠습니다.
CSS Rainbow Loader
Spinner
Bar/Ball Loader
Text Filling
VSCO - CSS Loader
Reddit Loader
CSS Loader
Loaders Kit
CSS Loader
CSS Loaders
Refresh Studio
해외 최신 웹/모바일/UX 디자인 글과 동향을 소개해 드립니다.
'Tutorial + Design' 카테고리의 다른 글
아코디언 이미지 메뉴 만들기 (0) | 2016.11.05 |
---|---|
CSS3 메가 드롭다운(mega dropdown) 메뉴 만들기 (0) | 2016.10.14 |
CSS3 드롭다운dropdown 메뉴 만들기 (0) | 2016.10.04 |