这款css3 lightbox效果中的精美插图来自于花瓣。

HTML

<ul class="lb-album">
  <li>
    <a href="#image-1">
      <img src="images/thumbs/1.jpg" alt="image01">
      <span>Pointe</span>
    </a>
    <div class="lb-overlay" id="image-1">
      <img src="images/full/1.jpg" alt="image01" />
      <div>
        <h3>pointe <span>/point/</h3>
        <p>Dance performed on the tips of the toes</p>
        <a href="#image-10" class="lb-prev">Prev</a>
        <a href="#image-2" class="lb-next">Next</a>
      </div>
      <a href="#page" class="lb-close">x Close</a>
    </div>
  </li>
  <li> 
    <!-- ... --> 
  </li>
</ul>
                

css代码请参考下载文件。

在线预览    源码下载