https://github.com/ninja1375/cubo-3d
Cubo 3D animado!
https://github.com/ninja1375/cubo-3d
css html javascript
Last synced: about 2 months ago
JSON representation
Cubo 3D animado!
- Host: GitHub
- URL: https://github.com/ninja1375/cubo-3d
- Owner: Ninja1375
- Created: 2024-11-02T17:35:32.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-12-22T23:56:35.000Z (5 months ago)
- Last Synced: 2025-02-07T19:16:42.831Z (4 months ago)
- Topics: css, html, javascript
- Language: CSS
- Homepage: https://ninja1375.github.io/Cubo-3D/
- Size: 17.6 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
**Veja o projeto ao vivo**
**[Cubo 3D](https://ninja1375.github.io/Cubo-3D/)**
O **Cubo 3D** usa cores vibrantes e efeitos para criar uma experiência visual imersiva e moderna.
**Plano de Fundo:** O fundo da página apresenta um gradiente diagonal que transita entre azul-escuro, vermelho e dourado, criando uma atmosfera intensa e envolvente.
**Faces do Cubo:** Cada uma das seis faces do cubo tem seu próprio gradiente de cores, indo de tons de laranja e rosa a azuis e verdes estendidos. Esta variação dá um aspecto multicolorido e dinâmico ao cubo, destacando-o no fundo.
**Grades e Quadrados Interativos:** Cada face do cubo contém uma grade de quadrados pequenos, que mudam de cor de maneira solicitada, adicionando uma camada de movimento e imprevisibilidade. Quando um quadrado fica ativo, ele se transforma em um ponto amarelo brilhante com efeito de "glow", parecendo pulsar suavemente, como luzes intermitentes.
**Efeito de Movimento com o Mouse:** O cubo responde ao movimento do mouse, girando conforme o usuário move o cursor. Este efeito de rotação realça a profundidade e o dinamismo do cubo, dando uma impressão de interação 3D.
Este design é pensado para ser atraente e interativo, misturando cores vivas e efeitos suaves para criar uma peça visual moderna e chamativa.
## linguagens Utilizadas ##
