fem faq accordion

Mentor frontend - tarjeta de acordeón de preguntas frecuentes

Demostración en vivo

Descripción

Desafío de diseño de página receptivo: componente interactivo de acorde de un único. Mi solución para uno de los desafíos para frontendmentor.io

Características principales:

• Solución interactiva (estática) sin usar Scripts, solo elementos HTML nativos
• Basado en Pugjs y Stylus
  
• SVG animado: la animación se realizó con SVGator

Uso

Instalación

Al lado de los paquetes en el paquete. Json, Pug-Cli debe instalarse para ver y compilar PUG a HTML.

Desarrollo

Mirando y compilando Pug a HTML:

npm run develop

Observar y compilar lápiz óptico con CSS (CSS se compilará en la carpeta de estilos/CSS):

npm run watch:css

Créditos

• Diseñado por Frontend Mentor Team.
• Código escrito por Ann-Dev.