fem faq accordion

フロントエンドメンター-FAQアコーディオンカード

ライブデモ

説明

レスポンシブページデザインチャレンジ：シングルアコーディオンインタラクティブコンポーネント。 frontendmentor.ioの課題の1つに対する私のソリューション

主な機能：

• インタラクティブ（静的）ソリューションを使用せずに、ネイティブHTML要素のみ
• PugjsとStylusに基づいています
  
• アニメーションSVG：アニメーションはSVGatorを使用して作成されました

使用法

インストール

package.jsonのパッケージの横に、Pug-cliをHTMLに視聴してコンパイルするためにインストールする必要があります。

発達

HTMLへのパグを見てコンパイルする：

npm run develop

スタイラスをCSSに監視してコンパイルする（CSSはスタイル/CSSフォルダーにコンパイルされます）：

npm run watch:css

クレジット

• Frontend Mentorチームによって設計されました。
• Ann-Devによって書かれたコード。