https://github.com/manzolimatheus/border-radius-previewer
Aplicação simples que mostra o preview de um raio de borda.
https://github.com/manzolimatheus/border-radius-previewer
border-radius html-css-javascript previewer vuejs
Last synced: 3 months ago
JSON representation
Aplicação simples que mostra o preview de um raio de borda.
- Host: GitHub
- URL: https://github.com/manzolimatheus/border-radius-previewer
- Owner: manzolimatheus
- Created: 2021-09-03T03:07:52.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-09-03T03:32:17.000Z (almost 5 years ago)
- Last Synced: 2025-01-26T11:29:43.821Z (over 1 year ago)
- Topics: border-radius, html-css-javascript, previewer, vuejs
- Language: HTML
- Homepage: https://zoli-borderradiuspreviewer.surge.sh/
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 📦 Border Radius Previewer
## Sobre
**🎓 Descrição**
Border Radius Previewer é uma simples aplicação que mostra o preview do código "border-radius" do CSS, responsável por arredondar as bordas de um container.
**🔥 Funcionalidades**
1. Alteração do valor da borda via barra "range";
2. Alteração do valor da borda via caixa de texto;
3. Código CSS gerado em tempo real;
**👨🏻💻 Tecnologias utilizadas**
Para criar o Border Radius Previewer utilizei HTML, CSS, JS e VUE.js.
## **F.A.Q.**
**🤔 Como utilizar?**
Para utilizar, basta segurar na barra azul e arrastá-la até o valor desejado, quanto mais pra direita maior o valor gerado. Você também pode digitar o valor que deseja na caixa de texto!
