CSS3でiPhone風ボタン（角丸、グラデーション、影）：Shibuya Blog

世の中カテゴリーの変更を依頼記事元:

blog.kazuhiroshibuya.com

4 usersがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

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

ブックマークしたユーザー

zundazunko2012/02/15
sseze2011/12/19
yoshitetsu2011/05/10

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 世の中

いま人気の記事 - 世の中をもっと読む

新着記事 - 世の中

新着記事 - 世の中をもっと読む

設定を変更しましたx