Sempre revejo o material guide lines para tirar uma duvida ou outra durante desenvolvimento de um sistema web no geral ( Sempre usei o material angular + SASS ) e quase sempre me deparo com a img em anexo, porem nunca entendi como poderia fazer ele usando HTML e CSS.
Alguém poderia me ensinar e me dar uma luz <3 ? Link da img - item b em conjunto do C https://storage.googleapis.com/spec-host-backup/mio-design%2Fassets%2F1MNcDnSDUfF30L2jqzYQEj4hLzDnMe2xP%2Fdarktheme-elevationdiagram.png
Grato.
Fala ai Anderson, tudo bem? Desculpe mas eu não consegui entender o que precisa ser feito.
Consegue mandar outra imagem ou detalhar um pouco mais?
Fico no aguardo e desculpe pelo mal entendimento da dúvida.
Capaz fera, segue o link de outro exemplo https://storage.googleapis.com/spec-host-backup/mio-design%2Fassets%2F1xmcun94g1MiUSAS1pNiz6W-O9w2hPA-i%2Fcasestudies-reply-bottomappbar-1.png
Ve esse painel q segue a curvatura do botão , quase fazendo um U ? Então, meu interesse é nesse efeito.
Grato pela atenção c:
Fala ai Anderson, tudo bem? Isso pode ser feito de N maneiras.
Primeira: O seu botão possuí uma borda de 10px branca por exemplo e fica posicionado ao centro da barra, ele ficando por cima vai dar a ideia que a barra está fazendo o "U".
Segunda: Dá uma olhada em uma propriedade chamada clip-path do CSS, com ela também é possível fazer esse tipo de "corte".
Espero ter ajudado e desculpa pela demora.
