ホームページ > ウェブフロントエンド > htmlチュートリアル > CSSBox - _html/css_WEB-ITnose の純粋な CSS ライトボックスの代替品

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

WBOY
リリース: 2016-06-24 11:28:20
オリジナル
1142 人が閲覧しました

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート