Box-Shadow-Generator

Este projeto é um gerador de sombras com controle sobre diversos parâmetros, desenvolvido em JavaScript. Ele permite ajustar e visualizar em tempo real as sombras aplicadas a uma caixa de pré-visualização, além de copiar a regra CSS gerada.

#box-shadow#class#dark-mode#dom-manipulation#javascript#localstorage

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 1Stars

⑂ 0Forks

◯ 0Open issues

◉ 1Watchers

34/100

OPENREPOHUB HEALTH SIGNAL

Limited signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

Project information10% weight

100

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

🌟 Box Shadow Generator

👨🏾‍💻 Principais Funcionalidades

📸 Screenshots

🏆 Aprendizados

Manipulação do DOM: Seleção e atualização de valores diretamente nos elementos HTML para sincronizar com o preview.
Função de Conversão de Cor: Transformação de cores hexadecimais em RGB para criar sombras com opacidade ajustável.
Eventos de Input e Click: Uso de eventos input e click para ajustar parâmetros e alternar o modo escuro.
Local Storage: Armazenamento do tema escolhido pelo usuário, aplicando-o automaticamente ao recarregar a página.
Copiar para Clipboard: Implementação de função para copiar a regra CSS da sombra gerada.
Criação de Classe Customizada: Organização do código em uma classe BoxShadowGenerator, promovendo reutilização e modularidade do código.

🚀 Tecnologias Utilizadas

JavaScript
HTML5
CSS3

🔗 Projeto On-line

Este projeto está disponível para visualização on-line. Você pode acessá-lo através do link: https://box-shadow-pi.vercel.app/