オンマウスでふんわり現れる！CSS3を使った吹き出しサンプル5つ
タイトルの通りですが、アイコンの上にマウスを乗せると吹き出しが現れるサンプルを紹介します。今回は現れる動きが違うサンプルを5つ用意しましたので、気に入ったものがあればうれしいです。 Chrome、Firefoxの最新バージョンやIE10だとすべてのサンプルが動きます。CSS3のtransitionやrotateが使えないブラウザでも機能的には問題はないと思います。opacityが使えないIE8以下はちょっと厳しいですが、最後に少し対応法を紹介します。 では、一番上のサンプルを解説します。 HTML まずはHTMLから。 Home Twitter Facebook RSS Setting a要素がアイコンで、span要素が吹き出しです。アイコンはWebフォントで表示します。 続いてCSSです。いつも通りまずは全部載せます。 @font-face { font-family: 'typicon
名刺のデザインがユニークかつ革新的なパターン41種類
人と会った時にちょっと変わった名刺を持っていると話題の種にできるだけでなく相手に自分の印象を残すことも可能で、さらにたくさん名刺が重なっていても見つけやすく、「ああ、あの名刺の……」と覚えてもらいやすくもなります。そんな第一印象を決める名刺ですが、優れたデザインを考えるのはなかなか難しく、つい無難になってしまいがち、ということでVandelay Design Blogが革新的かつユニークなデザイン名刺を集めています。 40+ Inspiring Business Card Designs that Create a Big First Impression | Vandelay Design Blog http://vandelaydesign.com/blog/galleries/inspiring-business-cards/ ◆01：ハンバーガーがデザインされた真四角の名刺はレスト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
