読者です 読者をやめる 読者になる 読者になる

flandlescarlet's diary【情報工学生の備忘録】

元機械工学科所属だった情報工学生です。JavaScriptで適当に何かを作ったり、絵を描いていたりします。

サイドバーに追加するライブラリ

画像の角を丸くする

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