p130のブックマーク - はてなブックマーク

p130 id:p130

ブックマーク / atmarkit.itmedia.co.jp (2)

ふわっと下から浮き出るツールチップ
3）吹き出しのアニメーション表示させる要素が整ったところで、いよいよアニメーションを付けていきます。サンプルのように、下からふわっと浮き出る動きを設定します。サンプル（その4）まず、アニメーションの内容から指定します。アニメーションの開始時点（0%）では、「bottom:15px;」の位置に置き、「opacity:0;」で完全に透明な状態にして消しておきます。アニメーションの終了時点（100%）では、マウスオーバした際の位置指定と同じく「bottom:25px;」とし、「opacity:1;」で透明度をなくします。そして、これに「bubbleUp」という名前を付けます。さらに、マウスオーバした際のセレクタ「a.tooltip:hover span」に対して、アニメーションの制御指定をします。アニメーションの開始から終了までの時間を0.2秒にし、アニメーションは1回だけ（＝繰り
p130 2013/09/25
css3-animation

ui

form
リンク
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ喜安亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部）最も多く使われているのに……、いや、だからこそ多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
p130 2009/10/09
ie6

css
リンク
1