<< 日本語フリーフォント:FGポテ明・ゴ | main | HTML5のリセットCSSとは。 >>

マウスオーバーでキャプション(見出しや説明文)を表示する。

HTML・CSS 2015.07.29 Wednesday Femto

たまに見かける、画像にマウスオーバーすると、見出しやその説明文などが表示されるようにできるエフェクト。むずかしいコードは一切なく、CSS3のみで動いてくれます。

いろいろなエフェクトがありますが、今回は「奥から回転しながら出てくる」ものを作ってみました。はい・・・作ってはみました。

See the Pen KprXRq by Femto (@femtoworks) on CodePen.



作ってみました、とは言っても自力ではできなかったので(笑)、参考にしたサイトを紹介しておきますね。とても参考になりますよ。


→参考サイト
JUGEMテーマ:web制作
comments(0) | trackbacks(0) | ▲PAGE TOP

コメント

コメントする










この記事のトラックバックURL

http://femto.looseworks.com/trackback/51

トラックバック

S M T W T F S
   1234
567891011
12131415161718
19202122232425
262728293031 
<< May 2019 >>

OTHERS

LINKS





qrcode
RECENT COMMENT