fem faq accordion

프론트 엔드 멘토 - FAQ 아코디언 카드

라이브 데모

설명

반응 형 페이지 설계 과제 : 단일 아코디언 대화식 구성 요소. Frontendmentor.io의 도전 중 하나에 대한 솔루션

주요 기능 :

• 스크립트를 사용하지 않고 대화식 (정적) 솔루션, 기본 HTML 요소 만
• pugjs와 스타일러스를 기반으로합니다
  
• 애니메이션 SVG : 애니메이션은 svgator를 사용하여 만들어졌습니다

용법

설치

Package.json의 패키지 외에 Pug를 HTML로보고 컴파일하려면 Pug-Cli를 설치해야합니다.

개발

HTML에 퍼그를보고 컴파일 :

npm run develop

스타일러스를 CSS로보고 컴파일하는 (CSS는 스타일/CSS 폴더에서 컴파일됩니다) :

npm run watch:css

크레딧

• 프론트 엔드 멘토 팀이 설계했습니다.
• Ann-Dev에 의해 작성된 코드.