https://github.com/ninja1375/roleta-de-premios
Roleta de Prêmios feita com HTML, CSS e JavaScript
https://github.com/ninja1375/roleta-de-premios
css html javascript
Last synced: 3 months ago
JSON representation
Roleta de Prêmios feita com HTML, CSS e JavaScript
- Host: GitHub
- URL: https://github.com/ninja1375/roleta-de-premios
- Owner: Ninja1375
- Created: 2025-01-03T23:38:12.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-04T01:47:16.000Z (5 months ago)
- Last Synced: 2025-01-04T02:36:38.559Z (5 months ago)
- Topics: css, html, javascript
- Language: CSS
- Homepage: https://ninja1375.github.io/Roleta-de-premios/
- Size: 23.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# [Roleta de Prêmios](https://ninja1375.github.io/Roleta-de-premios/) 🎯
Projeto de uma animação interativa de uma roleta de prêmios, desenvolvida com **HTML**, **CSS** e **JavaScript**.
## veja no YouTube
[](https://www.youtube.com/watch?v=mIT4R9X78qA)
## Descrição
O projeto consiste em uma roleta colorida com oito seções de prêmios que gira ao clicar no botão "Play" e para aleatoriamente, determinando o prêmio do jogador. A lógica de funcionamento é implementada em JavaScript, enquanto o design e a animação são feitos com HTML e CSS.
## Funcionalidades
- Gire a roleta e descubra qual prêmio você ganhará.
- Animações suaves na rotação da roleta.
- Resultado exibido após a roleta parar.
## Tecnologias Utilizadas
## Como Usar
1. Faça o clone deste repositório:
```bash
git clone https://github.com/Ninja1375/Roleta-de-premios.git
```
2. Navegue até o diretório do projeto:
```bash
cd Roleta-de-premios
```
3. Abra o arquivo `index.html` no seu navegador.
4. Clique no botão **►** para girar a roleta.
5. Aguarde o giro da roleta e veja o prêmio sorteado.
## Estrutura do Projeto
```bash
roleta-de-premios/
│
├── index.html # Estrutura HTML do projeto
├── style.css # Estilos e animações da roleta
└── script.js # Lógica de funcionamento da roleta
```
## Demonstração
## Contribuições
Contribuições são bem-vindas! Sinta-se à vontade para abrir um **pull request** ou relatar problemas na aba **Issues**.
## Apoie-me:
