タグ

ブックマーク / javascript.webcreativepark.net (2)

  • IE6でhover,active,focus擬似要素を使う為の「csshover」

    IE6でhover,active,focus擬似要素を使う為の「csshover」 Check Tweet 配布元:whatever:hover ライセンス:LGPL IE6はa要素以外は:hoverや:active、:focusなどのダイナミック擬似クラスに対応していません。それを解決するのがcsshoverというJavaScriptライブラリです。 csshoverの使い方 配布元よりcsshoverの.htcファイルをダウンロードします。:hover と :activeに対応した1.4系、1.4系に:focusを追加した2.0系がありますので、利用したい擬似クラスに合わせてダウンロードしてきてください。 ダウンロードしたファイルはスタイルシート内でbody要素に対して読み込みます。 body{ behavior:url("csshover2.htc"); } .htcファイルのパスは

  • 画像に鏡面効果を与えるreflection.js

    画像に鏡面効果を与えるreflection.js Check Tweet 配布元:reulection.js1.7 ライセンス:MIT-license reulection.jsは画像に鏡面効果を与えるjsライブラリになります。 このライブラリを使用すれば、画像を加工することなく画像の下に鏡に反射したようなエフェクトが追加されます。 設置方法 ダウンロードしたreulection.jsをhead要素などで読み込みます。 <script tyle="text/javascript" src="./reflection.js"><script> エフェクトを追加したい画像のclass名にreflectを設置します。 <img src="[画像]" alt="" class="reflect" /> これだけで鏡面効果が与えられます。 サンプル 初期段階で画像が作るのが困難な場合や、背景が設定さ

  • 1