Button by Mhyar-nsi

Made by

@Mhyar-nsi

Theme:

Light

#blue#button#hover#ring

#e8e8e8

2K views

CSSAdd prefixes

1button {
2  font-family: monospace;
3  background-color: #f3f7fe;
4  color: #3b82f6;
5  border: none;
6  border-radius: 8px;
7  width: 100px;
8  height: 45px;
9  transition: .3s;
10}
11
12button:hover {
13  background-color: #3b82f6;
14  box-shadow: 0 0 0 5px #3b83f65f;
15  color: #fff;
16}
17

button {
  font-family: monospace;
  background-color: #f3f7fe;
  color: #3b82f6;
  border: none;
  border-radius: 8px;
  width: 100px;
  height: 45px;
  transition: .3s;
}

button:hover {
  background-color: #3b82f6;
  box-shadow: 0 0 0 5px #3b83f65f;
  color: #fff;
}

HTML

1<button>
2  Button
3</button>

<button>
  Button
</button>