Glossy.jsを使う。(2)

[Glossy.js]
http://www.netzgesta.de/glossy/
class="glossy"以外のクラスを指定すると、どのような効果が得られるのか
色々とためしてみました。

◆元画像
今回サンプルとして使用する画像はこちらです。
sample

◆標準設定
class="glossy"のみを指定したものです。
sample

◆iradius
iradiusxxと[xx]に数値を入れることで、角の丸み具合を指定できます。
デフォルトは25、最小20、最大50が指定できます。
[class="glossy iradius20"]
sample
[class="glossy iradius50"]
sample
けっこう違うものですね。

◆noshadow
画像に影をつけずに表示することができます。
[class="glossy noshadow"]
sample
こころもち、文字がはっきりします。ボタン画像なんかは影なしの方がいいのかも。

次回は背景色・グラデーション色を決定するclassを紹介します。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください