Menú Circular Neumórfico
Una interfaz de menú circular con un diseño elegante basado en neumorfismo, construida con HTML, CSS y JavaScript. Este proyecto demuestra una forma creativa y moderna de representar opciones de navegación mediante botones circulares animados.
🖼️ Vista previa
Nota: Reemplaza "ruta/a/imagen.png" con una captura real del menú circular para visualizar el diseño.
🚀 Características
- Diseño neumórfico minimalista y suave.
- Botones animados dispuestos en forma circular.
- Soporte para iconos y eventos de clic.
- Compatible con pantallas modernas.
📁 Estructura del proyecto
Menu_Circular_Neumorphism/
├── index.html
├── css/
│ └── style.css
├── js/
│ └── script.js
└── README.md
⚙️ Instalación y uso
-
Clona el repositorio:
git clone https://github.com/OsmanJimenez/Menu_Circular_Neumorphism.git
-
Ingresa al directorio del proyecto:
cd Menu_Circular_Neumorphism
-
Abre index.html en tu navegador:
open index.html
En Windows usa start index.html y en Linux xdg-open index.html.
🤩 Tecnologías utilizadas
- HTML5: Marcado estructural.
- CSS3: Estilos neumórficos, animaciones y posicionamiento.
- JavaScript: Interacción con los botones del menú.
📌 Contribuciones
Si deseas aportar a este proyecto:
- Haz fork del repositorio.
- Crea una rama con tus cambios:
git checkout -b nueva-mejora.
- Realiza tus modificaciones y haz commit.
- Envía un pull request describiendo tus mejoras.
📄 Licencia
Este proyecto está licenciado bajo la MIT License, lo que permite su uso, modificación y distribución sin restricciones.
Explora el repositorio en GitHub: OsmanJimenez/Menu_Circular_Neumorphism.
👤 Autor
Osman Armando Jiménez Cortés
Portafolio profesional
Perfil de GitHub
Ingeniero de Sistemas y Desarrollador Full Stack especializado en desarrollo web y aplicaciones móviles.