[CSS]対応ブラウザはWebkit系だけだけど、美しいエフェクトを備えたラジオボタン

見た目だけでもCSS3で美しくスタイルされたラジオボタン、クリックすると更に美しいアニメーションのエフェクトが仕込まれています。 光点がアニメーションで移動 ラジオボタンの選択が移動するのは、分かりやすいですね。 実装は下記のようになっています。 HTML <input type="radio" name="name" checked /> <input type="radio" name="name" /> <input type="radio" name="name" /> <input type="radio" name="name" /> <input type="radio" name="name" /> CSS body { padding: 50px; background-color: hsl(0,0%,20%); } input { -webkit-appearance:

[kana321]

見た目だけでもCSS3で美しくスタイルされたラジオボタン、クリックすると更に美しいアニメーションのエフェクトが仕込まれています

[tarchan]

＞-webkit-appearance: none; /* remove default */

[mathemathiko]

かっこいい。

[Donca]

✔ [CSS]対応ブラウザはWebkit系だけだけど、美しいエフェクトを備えたラジオボタン