おもしろいスライダーがあったのでご紹介します。Prism Effect Sliderというプリズム効果を実装することができるスライダーです。デモを見れば分かると思いますが、ダイヤモンドやキューブの形をしたプリズムエフェクトがスライダーに加えられています。
Prism Effect Slider
Prism Effect Sliderの実際のデモは以下からチェックすることができます。
デモではダイヤモンド、トライアングル、キューブと3つの形をしたエフェクトを見ることができます。
スライドで画像を移動させてみると中央にある図形がたくさんの鏡に反射しているかのようなエフェクトになりますね。とても不思議な感じです。スライダー自体はとてもシンプルですね。
HTML5のCanvasのプロパティであるglobalCompositeOperationやJavaScriptなどが使われているとのこと。
というわけで、プリズム効果を実装できるスライダー「Prism Effect Slider」のご紹介でした。
ダウンロードや詳しい使い方は以下からどうぞ。
