TailwindCSS Button Hover Effect

Made by Milan Lizriadi

Instalation

You can either clone the repository

git clone https://github.com/milanlizriadi/tailwindcss-button.git

Install the Packages

npm i

Setup TailwindCSS

npx tailwindcss -i ./src/input.css -o ./src/output.css --watch

---

...or Copy/Download the File

Download The File Here

---

Usage

You can either use <button> or <a> tag then put class button on it.
Examples:

<button href="#" class="button">Button</button>
<a href="#" class="button">Button</a>

Then you can pick what style do you want:

<button href="#" class="button button1">Button</button>
<button href="#" class="button button2">Button</button>
<button href="#" class="button button3">Button</button>
<button href="#" class="button button4">Button</button>

Preview:

..or try it yourself:

Demo

---

Made by Milan Lizriadi.

© Milan Lizriadi 2024.