Pro CSS3 Animationの著者であるDudley Storeyは、
demosthenes.infoから、サイトのギャラリーとそれらに関連するすべてについての彼の記事のセレクションを発表しました。 ソリューションは、英語の記事のテキストであるHTML、CSS、およびPHPをさまざまな組み合わせで使用します。 各記事の冒頭には、著者が語る効果のデモンストレーションがあります。
キャプション
フィルターと変換を使用したアニメーションキャプション：
オンホバーギャラリー
サムネイルをホバー/タップして拡大する大きな画像の画像ギャラリー。 実際、最も単純なタイプのギャラリー。
クリックギャラリー
サムネイルをクリックすると表示される大きな画像を含む画像ギャラリー。
Flexboxギャラリー
Flexbox要素を使用するギャラリー
ライトボックス
画像付きのギャラリー。フルサイズで表示するとページの機能が制限されます。
スライダーとカルーセル
3Dギャラリーとエフェクト
コンテンツフィルター
ユーザーフレンドリーな画像フィルタリングとソート
画像修正
作業のソースと結果を示すために、単純な「前後」オプションを作成する手法。
グリッドシステム
グリッド画像表示ソリューション
画像のランダム化
ページが読み込まれるたびにランダムに表示される画像。
拡大および縮小されたフルサイズの画像は停止して消えます。
一貫した外観
画像の外観を次々と整理するためのソリューション
署名生成
JavaScriptとPHPを使用して画像キャプションを自動的に生成します。
Habré読者向けの便利なPaystoソリューション：