Advocacia Andrade

Advocacia Andrade https://advocaciaandrade.adv.br Wed, 20 Aug 2025 22:46:54 +0000 pt-BR hourly 1 https://wordpress.org/?v=6.8.2 https://advocaciaandrade.adv.br/wp-content/uploads/2023/08/cropped-image-e1745522767969-32x32.png Advocacia Andrade https://advocaciaandrade.adv.br 32 32 Direito Civil https://advocaciaandrade.adv.br/2025/08/20/direito-civil/ https://advocaciaandrade.adv.br/2025/08/20/direito-civil/#respond Wed, 20 Aug 2025 22:46:42 +0000 https://advocaciaandrade.adv.br/?p=828

<!-- HTML -->
<div class="balao">
  Olá! Esse é um texto dentro do balão com sombra.
</div>

<!-- CSS -->
<style>
.balao {
  position: relative;
  background: #00aaff; /* cor do balão */
  color: white; /* cor do texto */
  padding: 15px 20px;
  border-radius: 10px;
  width: fit-content;
  max-width: 300px;
  font-family: Arial, sans-serif;
  margin: 20px 0;
  box-shadow: 3px 3px 10px rgba(0,0,0,0.3); /* sombra do balão */
}

.balao::after {
  content: "";
  position: absolute;
  bottom: -15px; /* posição do triângulo */
  left: 20px; /* distância da borda esquerda */
  border-width: 15px 10px 0 10px; /* tamanho do triângulo */
  border-style: solid;
  border-color: #00aaff transparent transparent transparent; /* mesma cor do balão */
  filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3)); /* sombra do triângulo */
}
</style>

]]> https://advocaciaandrade.adv.br/2025/08/20/direito-civil/feed/ 0