見出し画像

Tailwindcssでボタンを作ってみました。

以下のTailwindcssの公式のサンプルを参考にして作ってみました。

Tailwindcssのボタンのサンプルコード

ボタンを参考にしましたがフォントサイズを少し下げて、ホバー時にボックスシャドウを効かせたり調整してみました。

また、2つ目のアローが動くサンプルは、「group-hover」を使いたかったのですがCDNの方では使えないようだったのでCSSで自分で追加してみました。必要な箇所だけCSSで追加してみても良いかもしれないですね。



この記事が気に入ったらサポートをしてみませんか?