サイドバーに追加するライブラリ
画像の角を丸くする
Corner.js
http://yatagarasu0495.web.fc2.com/performance_js/6/56/corner.js
r=10
r=50
shade=30
shadow=50
Sample
<script type="http://yatagarasu0495.web.fc2.com/performance_js/6/56/corner.js" src=""></script> //サイドバー側
<img class="corner iradius10" src="http://cdn-ak.f.st-hatena.com/images/fotolife/f/flandlescarlet/20101009/20101009111922.jpg" alt="" width="200" height="133" />r=10<br>
<img class="corner iradius50" src="http://cdn-ak.f.st-hatena.com/images/fotolife/f/flandlescarlet/20101009/20101009111922.jpg" alt="" width="200" height="133" />r=50<br>
<img class="corner ishade30" src="http://cdn-ak.f.st-hatena.com/images/fotolife/f/flandlescarlet/20101009/20101009111922.jpg" alt="" width="200" height="133" />shade=30<br>
<img class="corner ishadow50" src="http://cdn-ak.f.st-hatena.com/images/fotolife/f/flandlescarlet/20101009/20101009111922.jpg" alt="" width="200" height="133" />shadow=50<br>
class名補足
このライブラリはclass名で角の丸さや、シャドー効果をつけています
ですので一度サイドバーに設置しておけばいつでもclass名からエフェクト効果を付けられます。
クラス名 | 値 |
---|---|
corner iradius100 | 0~100 |
corner ishade100 | 0~100 |
corner ishadow100 | 0~100 |