CSSBox -一個純CSS Lightbox代替

jopen 8年前發布 | 19K 次閱讀 CSS 前端技術 CSSBox - CSS - GitHub

CSSBox

CSSBox -一個純CSS Lightbox代替。An example page is available in the gh-pages branch, or online on GitHub Pages.

Why CSSBox?

  • Actually lightweight (903b including comments, 607b excluding comments, unminified!)

  • Centers the image
  • Adds a nice, realistic shadow to the image
  • Dims the background
  • Completely responsive, works on any screen size
  • Has a pretty fade in animation

  • Absolutely no JavaScript
    • </ul>

    Usage

    Upload cssbox.css to your server and add a stylesheet link to it in your CSS.

    Add your images like this:

    <img class="cssbox_thumb" tabindex=1 src="image_thumbnail.png" /><span class="cssbox_full"><img src="image_full.png" /></span>

    When a visitor clicks the tumbnail, the fullsize preview will appear in the center of the screen.

    License

    Creative Commons Zero 1.0

    項目地址： https://github.com/TheLastProject/CSSBox

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！