Isotope - Basic

isotope.js는 항목별로 볼 수 있는 필터와 이미지 정렬을 해주는 플러그인입니다.

전용 cdn import를 필수로 필요로 합니다.

filter 역할을 하는 button에는 data-filter="class명", 그리고 필터 대상인 아이템의 클래스에는 data-filter 내 class값을 일치시켜주면 됩니다.

All 기능 구현시 button의 data-filter를 *로 기입한다.

  • 썸네일 이미지1
  • 썸네일 이미지1
  • 썸네일 이미지2
  • 썸네일 이미지3

HTML

CSS

Java Script