resolvido Dúvida sobre um código

[Luiiiz]

Bom, quero ser direto. Quero saber como faço para colocar essa acoplada abaixo do "retângulo" !

Img de exemplo: http://prnt.sc/f0eaee

[leonardosc]

Da pra fazer com css...

 

// Código desse triangulo (peguei da página da print)

.classe:after {
  position: relative;
  content: "";
  display: inline-block;
  top: -13px;
  left: 50%;
  ;
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #1D78C8;
}

Links sobre: 

- https://www.w3schools.com/howto/howto_css_arrows.asp

- https://css-tricks.com/snippets/css/css-triangle/

- http://apps.eky.hk/css-triangle-generator/

[Luiiiz]

Da pra fazer com css...

 

// Código desse triangulo (peguei da página da print)

.classe:after {
  position: relative;
  content: "";
  display: inline-block;
  top: -13px;
  left: 50%;
  ;
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #1D78C8;
}

Links sobre: 

- https://www.w3schools.com/howto/howto_css_arrows.asp

- https://css-tricks.com/snippets/css/css-triangle/

- http://apps.eky.hk/css-triangle-generator/

Opa, vlw

[Gutyerrez]

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.


Atenciosamente,
Gamer's Board