私はthe corner.js script by Dave Methvinを使用しています。 ブロック要素に丸みのあるコーナーを追加することができます。イメージアニメーション：円から四角形へ。 （with corner.js）
この目的は、クリックするとフルサイズの2乗形式に拡大する画像の丸いサムネイルを作成することです。
ここにはa demo of what i meanです。あなたはソースコードをチェックすることができます、JSは一番下にあります。
コーナーの半径をアニメーション表示できないようです。彼らはちょうどある州から他の州に行く。私は彼らに時間の経過とともに円滑にそれをやりたい。
すべてのヘルプは大歓迎です:)
方法が作品をcorner.jsあなたのブロックのコーナーに余分な要素の全体の束を追加することです。私は真剣にそれをアニメーション化することが可能かどうか真剣に疑いがあります。
もちろん、丸みを帯びたコーナーにはCSS border-radiusを使用することもできます。これは標準に準拠した方法であり、CSSプロパティの値を変更するだけで簡単にアニメーション化できます。
ダウン側はborder-radiusはIE8以下ではサポートされていませんが、幸いあなたは、標準のCSSを使用できるように、IEのCSSにborder-radius（およびその他の機能）のサポートが追加されCSS3Pieと呼ばハックがあるということですこれはすべてのブラウザで可能です。
これにCSS3Pieを使用すると、アニメーションも可能になります。私はそれが私の丸い角をアニメーション化する必要はなかったので、私は実際にそれを試していないと告白する必要がありますが、それは動的にスタイルを変更するためのサポートを持っていることを知っています。
希望に役立ちます。