Demo 1: グラデーション色アニメーション
ボックスにホバーするとグラデーションの色がスムーズに変化します。ボタンで配色パターンを切り替えられます。
ホバーしてみてください
Demo 2: グラデーション回転
ボタンをクリックするとconic-gradientが回転を開始/停止します。@propertyで角度をアニメーションしています。
Demo 3: 数値カウントアップ
ボタンをクリックすると数値が0からカウントアップします。CSSの@propertyとcounter-resetだけで実現しています。