オンマウスでふんわり現れる！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
４色ボールペン「ジェットストリーム」のリフィルが使える最高なペンを見つけました - あなたのスイッチを押すブログ
ジェットストリーム 4&1 を愛用している皆様。本体が大きくて太くて、それが原因で書きにくいと感じてはいませんか？ 私もずっと愛用していたのですが、唯一不満だったのが「軸の太さ」でした。 4色ボールペンの特徴なので仕方がないと言えばそうなのですが、指で握る部分が非常に太いのです。 ただ、私は元来、軸の太いペンが好きではないのです。それでも我慢して使っていたのは、ジェットストリームの書き味に惚れ込んだからです。 しかし、虎視眈々と狙っていました。「ジェットストリームが使え、かつ、軸が細いボールペンはないものか」と。 そして見つけたのが、トンボ鉛筆社が発売している「リポータースマート」です。軸が細く、それでいてジェットストリームのリフィルを使える。 私の理想を体現できる、これ以上無いベストマッチな組み合わせでした。 今日はそんなお話。ジェットストリーム 4&1 に少なからず不満を持っていらっし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
