Skip to content

Matt-ags/Formas-CSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

formas-css

Observação: Novo repositório com a tentativa de corrigir "ERROR 404" que estava acontecendo no anterior e no Site

Desafio proposto com a missão de: "Coloque suas habilidades CSS à prova com estes exercícios desafiadores e crie layouts web impressionantes utilizando apenas formas geométricas!"

Projeto Descrição
1 Carro Esportivo Crie um layout em forma de carro esportivo, utilizando triângulos, retângulos e outras formas geométricas. Inclua detalhes como rodas, faróis e para-choques.
2 Robô Futurista Construa um robô futurista com formas abstratas e cores vibrantes. Explore o uso de clip-path e gradientes para criar efeitos visuais únicos.
3 Interface de Música Desenvolva uma interface de música moderna, com elementos como botões de reprodução, volume e barra de progresso. Utilize formas geométricas e cores para representar os controles de forma intuitiva.
4 Gráfico de Barras Crie um gráfico de barras utilizando apenas CSS. Personalize as cores, tamanhos e rótulos das barras para representar dados específicos.
5 Padrão Decorativo Elabore um padrão decorativo complexo, utilizando técnicas como clip-path, gradientes e repetição. Explore diferentes formas e combinações de cores para criar um design atraente.

Preview da página inicial 🚀:

preview-inicio

Preview do Carro 🚗:

carri-preview

Preview do Robô 🤖:

robo-preview

Preview da Interface de música 🎵:

interface-preview

Preview do Gráfico 📊:

grafico-preview

Preview do Padrão 🟧:

padrao-preview

#obrigado 😀😎