webplacidcy

각 순서에 맞는 닷 버튼을 누르면 해당하는 순서의 이미지로 이동한다

이전 버튼 prev / 다음 버튼 next 추가 이전 버튼을 누르면 이전 이미지나 첫번째 이미지일때 마지막 이미지로 돌아간다

이미지를 자동으로 다음 이미지로 위쪽 방향으로 이동한다

자동으로 다음 이미지로 이동하고 마지막 이미지를 보여준 후 첫번째 이미지로 되돌아간다

이미지를 왼쪽 방향으로 다음 이미지로 이동한다, 마지막 이미지일 경우 첫번째 이미지로 되돌아간다

이미지가 천천히 나타났다 사라지는 페이드 효과

const cssProperty = [ {num: 1, name:"all", desc: "CSS 속성을 재설정하는데 사용하는 약식 속성이다"}, {num: 2, name:"animation", desc: "애니메이션 속성을 설정하기 위한 통합 속성이다"}, {num: 3, name:"animation-delay", desc: "애니메이션이 시작되는 시간을 설정한다"}, {num: 4, name:"animation-direction", desc: "애니메이션이 움직이는 방향을 설정한다"}, {num: 5, name:"animation-fill-mode", desc: "애니메이션이 실행 중인 시간 외에 적용되는 값을 정의한다"}, {num: 6, name:"animation-iteration-count", ..

const cssProperty = [ {view:"10", name:"all", desc: "CSS 속성을 재설정하는데 사용하는 약식 속성이다"}, {view:"10", name:"animation", desc: "애니메이션 속성을 설정하기 위한 통합 속성이다"}, {view:"10", name:"animation-delay", desc: "애니메이션이 시작되는 시간을 설정한다"}, {view:"10", name:"animation-direction", desc: "애니메이션이 움직이는 방향을 설정한다"}, {view:"10", name:"animation-fill-mode", desc: "애니메이션이 실행 중인 시간 외에 적용되는 값을 정의한다"}, {view:"10", name:"animation-..