水面に反射しているな画像効果-Refrection-

画像に水面に反射されているような効果が加えられます。サイトに立体感がでますね。

WordPressのプラグインにもなっているようですので、使っちゃいましょう。

もともとは、Refrection.jsというJavaScriptでできたものですが、Wpのプラグイン化されているので、拝借。

Refrection.js-Plugin

Refrection.jsを使った例

Reflection.joを使わない場合の元画像

このRefreciton.jsのWpプラグインは、「WetFloor」という名前です。

• ダウンロード方法

こちらからダウンロードしてください。

WetFloor-Plugin

Current Version: 1.6a
Included Reflection.js Version:1.6
License: MIT License
Last update: Oct 5, 2006
Requirements: Wordpress 1.5 – 2.x

• インストール方法

ダウンロードしたZipファイルを解凍して、Pluginフォルダにアップロードしてください。

Wp管理画面から「有効化」すれば完了です。

• 利用方法

投稿画面に、Wetfloorボタンがでるので、そちらを利用してください。

映り込みの度合いも調整可能です。

もし投稿画面にWetFloorボタンが表示されなければ、imgタグに埋め込んでいただいてもかまいません。

<img class="reflect rheight80 ropacity40" src="sample.jpg" />

数字を変えれば、映り込みの度合いが変わったりしますので、適度に変更してみてください。

rheight40 ropacity20 に変更した場合

[tegaki]キレイ｝[/tegaki]