---
title: "How to add shadows to an image in Markdown"
slug: "how-to-add-shadows-to-an-image-in-markdown"
description: "Markdown doesn't have a built-in way to add shadows to images, but you can use HTML tags within Markdown to achieve this effect."
tags: ["Editor", "Customization"]
updated: 2025-05-13T08:28:14Z
published: 2025-05-13T08:28:14Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to add shadows to an image in Markdown

Markdown doesn't have a built-in way to add shadows to images, but you can use HTML tags within Markdown to achieve this effect.

### Workaround

#### Sample code

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

> Replace the `image.jpg` with your image URL and add the alt text for your image in place of "your-image-description".

In this sample, we're using the `box-shadow` CSS property to add a shadow effect to the image. The `box-shadow` property takes three values: the horizontal offset, vertical offset, and blur radius of the shadow.

In the above sample code, we use a

- Horizontal and vertical offset of **3 pixels**
- Blur radius of **3 pixels**
- Color of the shadow set to **grey**

          <nor class="fa-regular fa-circle-exclamation" data-tomark-pass=""></nor> NOTE

          

You can also change the shadow color. Just replace "**grey**" with your desired color name.

> Grey has been used in the example because it is the most commonly used shadow color.

### Outcome

#### Without shadow

![1_Screenshot-without_shadow_Featured_image-Health_check_metrics.png](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/1_Screenshot-without_shadow_Featured_image-Health_check_metrics.png)

#### With shadow

![Alt text](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-with_shadow_Featured_image-Health_check_metrics.png)

## Related

- [How to add accordion in Markdown](/how-to-add-accordion-in-markdown.md)
- [How to align the image in Markdown](/how-to-align-the-image-in-markdown.md)
- [How to center align the heading in the articles](/how-to-center-align-the-heading-in-the-articles.md)
- [How to change the color of the text in Markdown](/how-to-change-the-color-of-the-text-in-markdown.md)