画像を角丸にしたり影を付けたりできる「Corner.js」
![](https://i.gzn.jp/img/2007/04/20/corner_js/corner.png)
画像の角をまるっこくしたり、影を付けたりといったことが簡単にできる「Corner.js」というのが公開されたようです。これらを組み合わせることも可能なのでかなり応用の幅は広いかと。
実際のサンプルは以下の通り。
Corner.js
http://www.netzgesta.de/corner/
これはノーマル状態
![](https://i.gzn.jp/img/2007/04/20/corner_js/corner_js_Snap1.jpg)
グラデーションシェードを付ける
![](https://i.gzn.jp/img/2007/04/20/corner_js/corner_js_Snap2.jpg)
影を付ける
![](https://i.gzn.jp/img/2007/04/20/corner_js/corner_js_Snap3.jpg)
角を丸くする
![](https://i.gzn.jp/img/2007/04/20/corner_js/corner_js_Snap4.jpg)
へこんだ感じの影にする
![](https://i.gzn.jp/img/2007/04/20/corner_js/corner_js_Snap5.jpg)
そしてそれらを全部組み合わせることも自由自在
![](https://i.gzn.jp/img/2007/04/20/corner_js/corner_js_Snap6.jpg)
これぐらいまるくすることも可能
![](https://i.gzn.jp/img/2007/04/20/corner_js/corner_js_Snap7.jpg)
オリジナルのアイディアは「reflection.js」から来ているようですが、それにしてもすごい。
・関連記事
CSSで角をもっと丸くする方法いろいろ - GIGAZINE
CSSでWii風のシンプルで角がまるいボタンを作る - GIGAZINE
・関連コンテンツ
in ネットサービス, Posted by darkhorse
You can read the machine translated English article "Corner.js" that allows you to make roun….