サムネイル

角丸

<img src="" alt="" class="acms-img-rounded">

シャドウ

<img src="" alt="" class="acms-img-shadow">

<img src="" alt="" class="acms-img-bordered">

キャプション

キャプション
<div class="acms-img-captionBox">
<img src="" alt="">
<div class="acms-img-caption">キャプション</div>
</div>

acms-img-roundedと合わせると

キャプション
<div class="acms-img-captionBox acms-img-rounded">
<img src="" alt="">
<div class="acms-img-caption">キャプション</div>
</div>

acms-img-borderedと合わせると

キャプション
<div class="acms-img-captionBox">
<img src="" alt="" class="acms-img-bordered">
<div class="acms-img-caption">キャプション</div>
</div>

hoverしたらキャプションが見える

 キャプション

<a class="acms-img-captionBox">
<img src="" alt="">
<p class="acms-img-caption acms-img-hover">キャプション</p>
</a>

全部合わせると

 キャプション

<a class="acms-img-captionBox acms-img-rounded">
<img src="" alt="" class="acms-img-bordered acms-img-shadow">
<p class="acms-img-caption acms-img-hover">キャプション</p>
</a>

文章付き

サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。

<a class="acms-thumbnail">
<img src="" alt="">
<p>サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。</p>
</a>