キャプション
フィルターと変換を使用したアニメーションキャプション:
- CSSトランジションを使用した署名の作成
- 署名付きの3D「ドミノ」
- バックグラウンドフィルタリングを使用したアニメーションキャプション挿入
- フィルター処理およびクリッププロパティを使用したラベルの表示
- 同じ画像の異なる部分にマウスを移動したときのさまざまな署名の外観
オンホバーギャラリー
サムネイルをホバー/タップして拡大する大きな画像の画像ギャラリー。 実際、最も単純なタイプのギャラリー。
- シンプルなCSSギャラリー
- スライドショーとCSS3シェーディング効果を備えたアニメーションギャラリー
- CSSファン効果のあるシンプルなギャラリー
- object-fitプロパティを使用してサムネイルを展開する
クリックギャラリー
サムネイルをクリックすると表示される大きな画像を含む画像ギャラリー。
- パーマネント(画像、ページの読み込み時に展開バージョンが開く)画像を含むアニメーションギャラリー
- 永続的な画像を含むギャラリー。 パート2
- PHPのシンプルなギャラリー
- 別のシンプルなギャラリー
- 4ブロックギャラリー
Flexboxギャラリー
Flexbox要素を使用するギャラリー
ライトボックス
画像付きのギャラリー。フルサイズで表示するとページの機能が制限されます。
スライダーとカルーセル
3Dギャラリーとエフェクト
- 折り紙:CSS3D折りたたみギャラリー
- ImgDex:カードで回転するカタログをシミュレートするHTML5ギャラリー
- シンプルな3D CSSカルーセル
- CSSの高度な3Dカルーセル
- 動的な影のある画像の回転。
コンテンツフィルター
ユーザーフレンドリーな画像フィルタリングとソート
画像修正
作業のソースと結果を示すために、単純な「前後」オプションを作成する手法。
グリッドシステム
グリッド画像表示ソリューション
画像のランダム化
ページが読み込まれるたびにランダムに表示される画像。
Ken Burnsエフェクトを使用する
拡大および縮小されたフルサイズの画像は停止して消えます。
一貫した外観
画像の外観を次々と整理するためのソリューション
署名生成
JavaScriptとPHPを使用して画像キャプションを自動的に生成します。
Habré読者向けの便利なPaystoソリューション: