ラジオボタンを使ったCSSでデザインされたボタン Radio Button

ラジオボタンを使ったCSSでデザインされたチェックボックス Radio Button
このエントリーをはてなブックマークに追加
PR

Radio Button
By Andreas Storm

DEMO 表示

YESとNOで表示のデザインが切り替わるラジオボタンのデザインです
YESの時にはチェックマーク、NOの時にはペケマークにアニメーションで変化します

チェックマークとペケマークはspnaとspanのafterを使ってマークの作成とアニメーションを行っていますね

 

YESとNOの文字のところでクリックしないと動かないので、範囲内のどこでもクリックで入れ替わるようにpositonで重ねてz-indexで表示順位で入れ替えてやれば出来そうかな?

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)