CSSのみで実装するキャプションエフェクト 20 - NxWorld
自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。 画像ホバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。 キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTML・CSS 一部をのぞき、今回はサンプルとして基本的に下記のようなHTMLを使用しています。 <figure> <img src="image.jpg" /> <figcaption> <h3>Caption Title</h3> <p>caption text here ...</p> </figcaption> </figure> CSSに関してはそれぞれ動きに関係する部分のみ記述しており、figcaption内にあるh3とpの見栄えに関するフォント
写真素材を扱うなら覚えておきたい、国内外のフリー写真素材サイトまとめ - NxWorld
自分用で国内だけでなく海外のサイトも含めて片っ端から一覧化したものが欲しかったので、普段からよく利用させてもらっていたり覚えておきたいと思う国内外のフリー写真素材サイトをまとめました。 結局普段よく利用させてもらうサイトは大体決まっていたりするんですが、こういったフリー素材は便利なだけあってかぶってしまう可能性もかなりあるので、少しでも選択肢を広げられるように自分が知っているものを一覧化しました。 サイトによってはクレジット表記が必要だったり報告が必要などといったところもありますが、ほとんどのサイトが利用規約を守ればフリーでダウンロードできて、商用利用も可能なものになります。 また、中には会員登録が必要で有料素材を配布しているイメージが強いサイトも幾つかありますが、それらも無料で会員登録することでフリーイメージをダウンロードできるようなサイトとなっています。 フリーで使用可能とはなっていて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
