データパーセンテージアトリビュート変更時のCSS遷移

Question

Circularプログレスバーを作成するコードを見つけました。クリック数が1から他の数に増えるようにビットを変更しました。私は、トランジションを追加したいが、動作していないようにその後、プログレスバーの変更は移行せずに

-moz-transition: all 1s ease-in-out; 
-webkit-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out; 

http://jsfiddle.net/Aapn8/8362/

誰かが移行作業を行うためにどのようにアイデアを持っていますか？

Answer 1

@ user1850903として「カスケーディングスタイルシート（CSS）はマークアップ言語で書かれた文書のプレゼンテーションを記述するために使用されるスタイルシート言語です」書きました - そのようには移行は機能しません。

あなたが望む効果を得るためにsetInterval()を使用することができます：それはCSSのプロパティではありません

http://jsfiddle.net/3j0vxx77/17/

Answer 2

drawCircle funcitonはキャンバスを使用し、CSSの影響を受けません。 CSSはhtmlタグにのみ適用され、キャンバス上に表示される行には適用されません。 WIKIから

引用：

https://en.wikipedia.org/wiki/Cascading_Style_Sheets