Nice animated gradient hover buttons with pure CSS — a free Bootstrap 5 button snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
1<div class="row gray">
2 <button class="btn button-gradient button-one">
3 Click here!
4 </button>
5 <button class="btn button-gradient button-two">
6 Click here!
7 </button>
8 <button class="btn button-gradient button-three">
9 Click here!
10 </button>
11 <br>
12 <button class="btn button-gradient button-four">
13 Click here!
14 </button>
15 <button class="btn button-gradient button-five">
16 Click here!
17 </button>
18 <button class="btn button-gradient button-six">
19 Click here!
20 </button>
21</div>
22<div class="row dark">
23 <button class="btn button-outline button-one">
24 <span>Click here!</span>
25 </button>
26 <button class="btn button-outline button-two">
27 <span>Click here!</span>
28 </button>
29 <button class="btn button-outline button-three">
30 <span>Click here!</span>
31 </button>
32 <br>
33 <button class="btn button-outline button-four">
34 <span>Click here!</span>
35 </button>
36 <button class="btn button-outline button-five">
37 <span>Click here!</span>
38 </button>
39 <button class="btn button-outline button-six">
40 <span>Click here!</span>
41 </button>
42</div>
Pure CSS Neon Button
Add a button to your UI with Pure CSS Neon Button. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
Firework Animation on Button Click
Firework Animation on Button Click — a free Bootstrap 5 button snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.
Pure CSS Pulsing Button ripple effect animation
Pure CSS Pulsing Button ripple effect animation: a hand-crafted, open-source Bootstrap 5 button. HTML & CSS included, ready to copy.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.