高さと不透明度を同時に指定する

高さと不透明度を同時に指定する事もできます。この場合は以下のように指定します。指定する順番は関係ありません。また、背景色はスタイルシートで設定することで任意の色にすることができます(サンプル04)。

<img src="images/logo.png" class="reflect ropacity25 rheight30">

各イメージファイルに別々の設定を施したサンプル04の実行結果

サンプル04

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
        <head>
            <meta http-equiv="content-type" content="text/html;charset=utf-8">
            <title>reflection.jsサンプル</title>
            <style type="text/css"><!--
            h1 { color:white; }
            body { background-color:black; }
            p { background-color:green; }
            --></style>
            <script type="text/javascript" src="js/reflection.js"></script>
        </head>
        <body>
        <h1>reflection.jsサンプル</h1>
        <p>
            <img src="images/logo.png" class="reflect ropacity25 rheight30"><br>
            <img src="images/logo.png" class="reflect ropacity50 rheight30"><br>
            <img src="images/logo.png" class="reflect ropacity100 rheight30"><br>
        </p>
        </body>
</html>