0.4、を変更(ちなみにs、はsecondsの略)。以上の設定で、簡単にボタンが設定できるかと思います。エフェクトの解説としてSVGのボーダーはCSSで、「破線」「オフセット(描画開始位置)」などをコントロールできます。今回のエフェクトは、このボーダーをアニメーションさせることで実装させています。破線は、繰り返す幅をスペース区切りの配列で指定して表現します。・・・;値1、だけだと、その間隔で繰り返します。BEER!オフセットオフセットは、以下で値を設定するだけです。BEER!こんな風に、影で努力してくれているのが、stroke-dashoffsetです。あとは、この引っ張る力とかを、CSSのアニメーションでコントロールしてあげるだけ。transitionだけでなく、animateとkeyframe組み合わせても、面白い表現色々できますね。簡単ではございますが、以上、エフェクトの解説でした。おまけボーダーを使ったボタンなどの表現、とても素晴らしい先例が多くなってます。空間にしっかりコンテンツ領域を示せる良い表現だと思っています。したアクセントに使うのには、とても面白いと思いました。