Cool UI - CSSアニメーションボタン 001

Cool UI - CSS Animation Button 001

暇だったので以下のサイトのボタンを再現しました。

日本気象協会
https://www.jwa.or.jp/

元のサイトにあった余分なHTMLを削り、なるべく最小限なマークアップで再現してみました。
また、蛇足ですが丸を大きくする挙動も足してみました。

DEMO

See the Pen Cool UI - CSS Animation Button 01 by Loki (@loki__codepen) on CodePen.

---

Twitterのフォロワーを募集しております！
すでにWeb業界にいらっしゃる方や、業界未経験の方、どんな方でも募集しておりますので、どうぞよろしくお願いいたします(*^^*)

Twitter - https://twitter.com/loki__tweet