エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSS3でiPhone風ボタン(角丸、グラデーション、影):Shibuya Blog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS3でiPhone風ボタン(角丸、グラデーション、影):Shibuya Blog
CSS3を使って、iPhone風のボタンを作成する方法をメモ。(firefox、chrome、safariで動作確認済み) ボ... CSS3を使って、iPhone風のボタンを作成する方法をメモ。(firefox、chrome、safariで動作確認済み) ボタンごとにそれらしい画像を作るのは面倒なので、CSSで角丸、グラデーション、影を指定して、画像なしでそれっぽいものを作ろうとしています。 うまく表示されるブラウザでは、下記の感じになるはずです。 CSS 以下のようなCSSを用意します。グラデーションを指定する-moz-linear-gradiend/-webkit-gradientを使って、真ん中で色を変えているのがポイントです。 a.quickbutton { /* 角丸 */ -webkit-border-radius: 4px; -moz-border-radius: 4px; /* グラデーション */ background: -moz-linear-gradient(top, #666666, #6666