0

queria saber se tem como deixar uma div parecido com esse efeito, se tiver como alguem pode dar um exemplo? nao tenho ideia de onde comecar

inserir a descrição da imagem aqui

4
  • 1
    Possível duplicata de Criar um triângulo com CSS
    – hugocsl
    Commented 10/06/2018 às 15:14
  • 1
    Bruno da pra fazer com bordas, clip-path, svg, linear-gradiente, skwe, etc... da uma olhada, nessa resposta que eu marquei como duplicada
    – hugocsl
    Commented 10/06/2018 às 15:18
  • desculpa, mais e totalmente diferente do que eu espero
    – goio
    Commented 10/06/2018 às 17:05
  • 1
    Não Bruno, é completamente igual a outra, só que em vez de usar o efeito em um retângulo na outra resposta foi usado em um quadrado, tanto que a resposta que deram aqui usa justamente as técnicas das bordas como mencionei, e que tb foi usada na outra resposta. Pelo visto vc nem se deu ao trabalho de ler a outra resposta...
    – hugocsl
    Commented 10/06/2018 às 19:50

1 Resposta 1

1

prontinho amigo, so ajustar os tamanhos dos border em questão...abçs

	.lado1{
		
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-left: 280px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 90px solid #0EF41A;
	}	
	
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>
<body>
	<div class="lado1"></div>
</body>
</html>

4
  • muito bom, vou fazer os testes aqui
    – goio
    Commented 10/06/2018 às 19:24
  • peço que de um ticket de correto se tiver respondido a sua pergunta Commented 11/06/2018 às 15:51
  • na verdade, eu precisaria que isso nao tivesse um widtth definido, pois minha intenção é fazer um slide de volume, isso diminuiria e aumentaria o tamanho, entendeu ?, tentei usar border-left-width mais não deu certo
    – goio
    Commented 11/06/2018 às 16:38
  • o que vai definir nao é o width e sim o border-left, o width é zero! Commented 11/06/2018 às 18:10

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .