[CSS]画像のキャプションを省スペースにさりげなく表示させるスタイルシート

画像にマウスをホバーさせると、キャプションがアニメーションでスライド表示される省スペース用エフェクトを実装するスタイルシートのチュートリアルを紹介します。 Slide In Image Captions [ad#ad-2] キャプションをスライド表示させる画像のデモ デモでは、画像ごとに異なる方向から異なる位置にキャプションがスライド表示されます。 デモページ スライドは、CSS3 transitionに対応したブラウザ（Chrome, Safari, Opera）ではアニメーションで表示し、非対応ブラウザ（Firefox3）ではアニメーション無しで表示されます。 [ad#ad-2] 以下は元記事の各ポイントを意訳したものです。 なぜ、このようなエフェクトをするのでしょう？ それはレイアウトのスペースを節約するためです。そして、キャプションの存在は画像からユーザーの気を散らしてしまうことも

[taka222]

画像のキャプションを省スペースにさりげなく表示させるスタイルシート | コリス

[ma-kun712]

これいいねー！figureタグってのはHTML5のタグか。SEO的にも問題ないのかな？

[ki_sz]

動きが好きです

[visca__Barca]

画像のキャプション表示をアニメーションで

[hidehish]

見てる:

[nors]

http://css-tricks.com/slide-in-image-captions/

[aopuu]

css3とhtml5の勉強にもなりそう…ギャラリーをスッキリできそう｜画像のキャプションを省スペースにさりげなく表示させるスタイルシート | コリス

[Donca]

✔ [CSS]画像のキャプションを省スペースにさりげなく表示させるスタイルシート

[secondary9999]

キャプションのアニメーション