Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

Como adicionar sombras a uma imagem no Markdown?

Prev Next

Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

Planos que suportam a personalização de imagens no editor de markdown

Professional
Business
Enterprise







O Markdown não tem uma maneira integrada de adicionar sombras às imagens, mas você pode usar tags HTML no Markdown para obter esse efeito.

Solução alternativa

Código de exemplo

<img src="image.jpg" alt="Alt text" style="box-shadow:3px 3px 3px gray;">

Substitua o image.jpg pelo URL da sua imagem e adicione o texto alternativo da sua imagem no lugar de "your-image-description".

Neste exemplo, estamos usando a box-shadow propriedade CSS para adicionar um efeito de sombra à imagem. A box-shadow propriedade usa três valores: o deslocamento horizontal, o deslocamento vertical e o raio de desfoque da sombra.

No código de exemplo acima, usamos um

  • Deslocamento horizontal e vertical de 3 pixels

  • Raio de desfoque de 3 pixels

  • A cor da sombra é definida como cinza

NOTA

Você também pode alterar a cor da sombra. Basta substituir "cinza" pelo nome da cor desejada.

O cinza foi usado no exemplo porque é a cor de sombra mais comumente usada.

Resultado

Sem sombra

1_Screenshot-without_shadow_Featured_image-Health_check_metrics.png

Com sombra

Alt text