/gooey-effect

Iconos con Gocey effect desarrollados con HTML y CSS

Primary LanguageCSSMIT LicenseMIT

🫧 Iconos con Gooey Effect

Badge en Desarollo License MIT

html5 css3 javascript

Imagen de los iconos con Gooey Effect

Estos iconos con Gooey Effect, están inspirados en "Gooey Effect" de Frontend Projects, han sido creados por Cristina Correa.

👀 Vista Previa

➡️ Demo desplegada en GitHub Pages: Haz click aquí

Vista de los iconos

Vista previa de los iconos con Gooey Effect

Vista de las funcionalidades:

Vista previa del comportamiento de los iconos

🌱 Características

  • Interfaz: Diseño sencillo y minimalista.
  • Animación de los iconos: Utiliza el efecto "Gooey". En el primer conjunto, los iconos aparecen y desaparecen siempre en el eje horizontal; en el segundo conjunto, los iconos aparecen rodeando al icono central en sentido horario.

🛠️ Tecnologías Utilizadas

  • HTML
  • CSS
  • JavaScript

🔎💡 Información

Important

  • Este es un proyecto para principiantes. No se requieren conocimientos avanzados de HTML o CSS.
  • Nivel de dificultad del proyecto: 🔴⭕⭕⭕⭕⭕⭕⭕⭕⭕ (1 sobre 10)

Tip

A la hora de desarrollar el proyecto, te pueden venir bien los siguientes recursos:

📓 Cómo Usar

  1. Descarga o clona este repositorio en tu máquina local.
  2. Abre el archivo index.html en tu navegador web.

¡Y eso es todo! Ahora cualquier persona puede usar iconos con Gooey Effect.

✨ Contribuciones

¡Las contribuciones son bienvenidas! Si deseas mejorar los iconos existentes, como agregar más contenido o mejorar el diseño, no dudes en enviar tus pull requests. También puedes sugerir nuevas funcionalidades o brindar retroalimentación para hacer que este proyecto sea aún mejor.

🎯 Propósito del Proyecto

Este proyecto tiene como objetivo principal el aprendizaje de tecnologías para mejorar en el plano del desarrollo web.

➡️ Licencia

Este proyecto está licenciado bajo MIT License.