これらのようなボタンを作成しようとしていますhttp://houseofbuttons.tumblr.com/post/16760351131/starred-checked-action-buttons-by-brendon
cssだけでそれをやりたいと思っていました。
簡単なjsfiddleページhttp://jsfiddle.net/ne69Eをまとめました（ただし、jsfiddleなしで同じコードのラウンド要素が表示されますが、動作させることができませんでした）。
これに時間をかける前に、放射状グラデーションの上に線形グラデーションを作成できることを確認したいと思いました。background-image: linear gradient を使用してみましたが、これは div にのみ適用され、境界線には適用されません。
どう思いますか？出来ますか？それとも、画像だけを使用する必要がありますか?