Thumbnail

Membuat gambar thumbnail dengan tampilan yang elegan pada Foundation cukup dengan menambah class .th pada tag <a> yang membungkus tag <img>. Dengan menambahkan class tersebut, maka gambar akan mempunyai border putih dengan tebal 4 pixel. Menariknya lagi, ketika didekati kursor akan ada efek glow di sekitar gambar.

Skrip  thumbnail.html

<ul class="large-block-grid-3">

    <li>

        <a href="gambar/1 . jpg" class="th">

            <img src="gambar/1 .jpg">

        <a>

</li>

<li>

        <a href="gambar/2 . jpg" class=" th">

            <img src="gambar/2 .jpg">

        <a>

    </li>

    <li>

        <a href="gambar/3. jpg" class="th">

            <img src="gambar /3.jpg">

        <a>

    </li>

</ul>

Share :