[JS]画像に3Dの鏡面効果を与えるスクリプト -reflection.js

reflection.jsは、画像に3Dの鏡面効果を与えるPrototypeのプラグインです。

reflection.jsのキャプチャ画像

3d image reflection with javascript

reflection.jsの動作には、prototype.jsとscriptaculous.jsが必要で、外部スクリプトとして使用します。
デモ:背景白
デモ:背景黒

鏡面効果を与える画像のコードは、下記のように記述します。

画像箇所

<div id="holder"> 
<img src="image.jpg" /> 
</div>

トリガー

<script type="text/javascript"> 
new Reflect3D('holder'); 
</script> 

sponsors

top of page

©2018 coliss