CSSBox - _html/css_WEB-ITnose の純粋な CSS ライトボックスの代替品

CSSBox

CSSBox - 1 つの CSS ライトボックスの代替。サンプル ページは、gh-pages ブランチ、またはオンラインの GitHub Pages で入手できます。

Why CSSBox?

• 実際は軽量 (コメントを含む 903b、コメントを除く 607b) 、縮小されていません!)
• 画像を中央に配置します
• 画像に素敵でリアルな影を追加します
• 背景を暗くします
• 完全に反応し、どの画面サイズでも動作します
• かなりフェードインするアニメーションがあります
• JavaScriptは絶対に使用しません

使用方法

cssbox.css をサーバーにアップロードし、CSS にスタイルシート リンクを追加します。

次のように画像を追加します:

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

訪問者がサムネールをクリックすると、フルサイズのプレビューがサムネールの中央に表示されます。 screen.

ライセンス

Creative Commons Zero 1.0

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