SvelteEfectosTexto
¡Bienvenido/a a SvelteEfectosTexto! Este es un proyecto de demostración creado con SvelteKit que presenta diversos efectos de texto creativos. Cada efecto se ha diseñado para mostrar cómo se pueden lograr resultados visuales interesantes utilizando animaciones y estilos en Svelte.
Efectos de Animación de Texto
En este proyecto, hemos implementado varios efectos de animación de texto utilizando Svelte y CSS. Aquí hay una descripción general de algunos efectos que hemos utilizado:
Efecto 1: Animación de Texto con Degradado de Fondo y Texto Mecanografiado
Este efecto muestra un título que cambia de color utilizando un degradado de fondo. El texto se mecanografía gradualmente para dar la sensación de que se está escribiendo en tiempo real.
Efecto 2: Animación de Texto con Selección de Estado de Ánimo Interactivo
En este efecto, presentamos una serie de opciones de estado de ánimo. Al pasar el cursor sobre cada opción, el estado de ánimo se resalta y el usuario puede seleccionar su estado de ánimo actual.
Efecto 3: Animación de Texto con Palabras que Aparecen y Cambian de Color
En este efecto, las palabras aparecen una por una con una animación de entrada. Además, cada palabra cambia de color al mismo tiempo que aparece.
Efecto 4: Animación de Texto en Estilo de Mosaico
Este efecto muestra el título en un estilo de mosaico, con cada letra siendo un bloque individual. Las letras se animan para formar el título completo.
Cómo Ejecutar
- Clona este repositorio:
git clone https://github.com/tuusuario/SvelteEfectosTexto.git - Ve al directorio del proyecto:
cd SvelteEfectosTexto - Instala las dependencias:
npm install - Inicia el servidor de desarrollo:
npm run dev - Abre tu navegador y ve a
http://localhost:5173
Créditos
Este proyecto ha sido creado por Irina Ichim.
Contribuciones
Si deseas contribuir a este proyecto, ¡estamos abiertos a tus sugerencias y mejoras! Siéntete libre de enviar un pull request.
