エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSS3でアクアボタン | Another Step.com
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS3でアクアボタン | Another Step.com
現在CSS3を勉強中でふと、グラーデーションと角丸を利用すればCSSだけで一昔前に流行った?アクアボタン... 現在CSS3を勉強中でふと、グラーデーションと角丸を利用すればCSSだけで一昔前に流行った?アクアボタンを再現できるんじゃないかと思い調べてみました。 ※↓こういうやつ(下のは画像です) 調べてみた 自分ができると思ったくらいなんで、すでに作ってる方もいるだろうと思い調べると ホント素晴らしく見事に作成されてる方がいました。 CSS3 Box-Shadow with Inset Values – The Aqua Button ReReVisited! 上記サイトではCSSのみでとてもキレイなアクアボタンを再現しています。 実践してみた ただ幅を固定していると使いづらいかなというのとinput要素でなくa要素のみで作成しようと思い、上記サイトを参考にして自分も実践してみました。 アクアボタンデモ HTMLソース <p class="aquaBtn"><a href="#">アクアボ