Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Hoe voeg ik schaduwen toe aan een afbeelding in Markdown?

Prev Next

Plannen die het aanpassen van afbeeldingen in de markdown-editor ondersteunen

Plans supporting this feature: Professional Business Enterprise

Markdown heeft geen ingebouwde manier om schaduwen aan afbeeldingen toe te voegen, maar je kunt HTML-tags binnen Markdown gebruiken om dit effect te bereiken.

Tijdelijke oplossing

Voorbeeldcode

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

Vervang de image.jpg door uw afbeeldings-URL en voeg de alt-tekst voor uw afbeelding toe in plaats van "uw-afbeelding-beschrijving".

In dit voorbeeld gebruiken we de box-shadow eigenschap CSS om een schaduweffect aan de afbeelding toe te voegen. De box-shadow eigenschap heeft drie waarden: de horizontale verschuiving, de verticale verschuiving en de vervagingsstraal van de schaduw.

In de bovenstaande voorbeeldcode gebruiken we een

  • Horizontale en verticale offset van 3 pixels

  • Vervagingsstraal van 3 pixels

  • Kleur van de schaduw ingesteld op grijs

NOTITIE

U kunt ook de kleur van de schaduw wijzigen. Vervang gewoon "grijs" door de gewenste kleurnaam.

Grijs is in het voorbeeld gebruikt omdat dit de meest gebruikte schaduwkleur is.

Resultaat

Zonder schaduw

1_Screenshot-without_shadow_Featured_image-Health_check_metrics.png

Met schaduw

Alt text