Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Como fazer um "triângulo" na borda de um elemento?

Gelera, Como eu consigo criar esse efeito de "triângulo" igual nesse botao de menu? Utilizando somente CSS se possível

https://ps.w.org/all-in-one-intranet/assets/screenshot-1.png?rev=942754

Valeu!

2 respostas
solução!

Oi Felipe,

Eu usaria um :after ou :before, com position absolute e right: 0.

Voce pode criar um quadradinho na mesma cor do background da secao do lado e girar esse quadrado com transform rotate.

Daria para fazer o triangulo com borda também.

Espero ter ajudado,

Abcs!

Obrigado Natan!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software