Skip to content

Latest commit

 

History

History
48 lines (35 loc) · 1.82 KB

readme_pt-br.md

File metadata and controls

48 lines (35 loc) · 1.82 KB

Pré-vizualizador de Border-radius

Em inglês

Nível: 1-Iniciante

Esta é uma solução para o Pré-vizualizador de Border-radius.
App Ideas challenge.

Índice

Visão geral

O Desafio

Os usuários devem ser capazes de:

  • O usuário pode ver uma caixa que tem uma propriedade border-radius e aplicada um valor a ela
  • O usuário pode alterar os 4 border-radius valores que são aplicados à caixa (top-left, top-right, bottom-left, bottom-right)
  • O usuário pode copiar o CSS resultante para a área de transferência

Recursos bônus

  • O usuário pode mover com a seta para cima ou para baixo no teclado para alterar os valores border-radius
  • O usuário pode segurar o mouse e mover para cima ou para baixo para alterar os valores border-radius
  • O usuário pode alterar todos os 8 valores possíveis do border-radius para criar uma forma complexa

Screenshot

Inserindo valores nas entradas e mover a seta para cima altera os valores

Autor

Desenvolvido por André Barbosa
Github
Linkedin

Linguagens

HTML5 CSS3 JAVASCRIPT