Como criar formas geométricas com css3 ?

CSS

23/12/2016

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

Curtidas 0

Melhor post

Aline Bianchini

Aline Bianchini

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]
GOSTEI 2

Mais Respostas

Calebe Menezes

Calebe Menezes

23/12/2016

Alinelb, muito obrigado! Desculpe a demora em responder!

Excelente resposta!
GOSTEI 0
Mack334

Mack334

23/12/2016

http://www.maujor.com/tutorial/borderplay.php
GOSTEI 0
POSTAR