Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

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!