Images

Avatar
Michael Reid

Image by default

<p>
  <img src="//p3.zdassets.com/hc/theme_assets/1602086/115000093685/lotus.jpg" />
</p>

Image with a rounded border

<p>
  <img class="image-with-border" src="//p3.zdassets.com/hc/theme_assets/1602086/115000093685/lotus.jpg" />
</p>

Image with shadow

<p>
  <img class="image-with-shadow" src="//p3.zdassets.com/hc/theme_assets/1602086/115000093685/lotus.jpg" />
</p>

Image with overlay

<p class="image-overlay">
  <img src="//p3.zdassets.com/hc/theme_assets/1602086/115000093685/lotus.jpg" />
</p>

Image Lightbox

It's possible to open a larger version of the image in the lightbox:

<p>
  <a class="image-with-lightbox" href="//p3.zdassets.com/hc/theme_assets/1602086/115000093685/lotus.jpg">
    <img src="//p3.zdassets.com/hc/theme_assets/1602086/115000093685/lotus.jpg" width="400" />
  </a>
</p>

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.