コピペで作れるCSSボタン『CSS Buttons App』|Webデザイン

みなさんこんにちは！おさかなです！

今回は「CSS Buttons App」について、書いていこうと思います！

それでは、レッツゴー！！！！！

「CSS Buttons App」って何？

「CSS Buttons App」とは、Webサイト上の「ボタンデザイン」をコピペで実装できるサイトのことです。Webデザイン・HTML/CSSを学習中の方にもおすすめ。

なかなか良いデザインが作れないときにも、ぜひ参考にしてみてください🍀

https://cssbuttons.app/

https://osakanav.com/css-3d-transform-examples

実際に使ってみよう！

ボタンデザインを探そう！

それでは早速サイトにアクセスしましょう！

ページをスクロールすると、さまざまなボタンデザインが見られます。中にはアニメーションがついているものも。（すごい！）

App Store、Google Playなど、アプリ用の「ダウンロードボタン」もありました。

グラデーションもきれいですね。（そういえば今日スーパームーンらしいけど、皆さん見えましたか？🌕）

https://osakanav.com/clippy

コードをコピーしよう！

気になるデザインを見つけたら、クリックします。

すると、このように「HTML（上）」と「CSS（下）」コードが確認できました！

これをコピーして貼り付けるだけで、デザインが実装できます。
とっても簡単なので、みなさんもぜひ試してみてください～✨

↓実際に作成したものがこちら

Button Button

Square端末でカード決済が可能に | Square ターミナル

これで全ての操作は完了です。(やった～！)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました！

https://osakanav.com/animated-css-background-generator