图像案例

图像容器

    <div class="image-container">
        <img />
        <div class="overlay"> 覆盖文本 </div>
    </div>
 
    <div class="image-container light">
        <img />
        <div class="overlay"> 覆盖文本 </div>
    </div>
 
    <div class="image-container bg-color-blue">
        <img />
        <div class="overlay"> 覆盖文本 </div>
    </div>

图片集(16x9)

    <div class="image-collection">
        <div><img /></div>
        ...
        <div><img /></div>
    </div>

图片集 (4x3)

    <div class="image-collection p4x3">
        <div><img /></div>
    </div>

图片集中选中的图片

    <div class="image-collection">
        <div class="selected"><img /></div>
    </div>

图片集中带有朦板的图片

    <div class="image-collection">
        <div>
            <img />
            <div class="overlay">Sample text</div>
        </div>
    </div>

图片容器中无图像

    <div class="image-collection">
        <div></div>
    </div>