Author: | r1 |
---|---|
Views Total: | 4,832 views |
Official Page: | Go to website |
Last Update: | March 16, 2021 |
License: | MIT |
Preview:

Description:
A set of 50 pretty nice button templates that meet all you need about web buttons.
Created using pure CSS and HTML.
How to use it:
1. Go to the official website and click a button of your choice:
https://cssbuttons.app/
2. Copy the HTML and CSS snippets and insert them into your existing webpage. That’s it.
<a href="/" class="bn3637 bn36">Button</a>
.bn3637 { display: inline-flex; align-items: center; justify-content: center; padding: 0.7rem 2rem; font-family: "Poppins", sans-serif; font-weight: 700; font-size: 18px; text-align: center; text-decoration: none; color: #fff; backface-visibility: hidden; border: 0.3rem solid transparent; border-radius: 3rem; } .bn36 { border-color: #fff; transition: transform 0.2s cubic-bezier(0.235, 0, 0.05, 0.95); } .bn36:hover { transform: perspective(1px) scale3d(1.044, 1.044, 1) translateZ(0) !important; }
Changelog:
v2.0 (03/16/2021)
- New UI
- New buttons
10/18/2020
- v1.0: update