Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

Hoe voeg ik schaduwen toe aan een afbeelding in Markdown?

Prev Next

Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

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

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