Como criar formas geométricas com css3 ?

23/12/2016

0

CSS

Opa pessoal,

Como posso fazer a criação de formas geométricas usando o css3?

Por exemplo, se eu quiser um trapézio ou um triângulo, como posso fazer isso?
Calebe Menezes

Calebe Menezes

Responder

Post mais votado

23/12/2016

Olá Calebe, td bem?

No CSS3 existem algumas formas já definidas como o retângulo por exemplo.

.square { 
  width: 50px; 
  height: 50px; 
  background: #90C695; 
}

.rectangle { 
  width: 100px; 
  height: 50px; 
  background: #26A65B; 
}

.parallelogram { 
  width: 100px; 
  height: 50px; 
  -webkit-transform: skew(20deg); 
  -moz-transform: skew(20deg); 
  -o-transform: skew(20deg); 
  background: #66CC99; 
}


Acho que essa matéria irá te ajudar bastante

[url:descricao=Formas Geométrica em CSS3]https://helabs.com/artigos/2014/11/14/o-poder-do-css-3-desenhando-formas/[/url]

Aline Bianchini

Aline Bianchini
Responder

Mais Posts

11/01/2017

Calebe Menezes

Alinelb, muito obrigado! Desculpe a demora em responder!

Excelente resposta!
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar