Button by Yaseen549

Made by

@Yaseen549

Theme:

Dark

#button

#212121

546 views

CSSAdd prefixes

1.button {
2  color: #8707ff;
3  border: 2px solid #8707ff;
4  border-radius: 10px;
5  padding: 10px 25px;
6  background: transparent;
7}
8
9.button:hover {
10  box-shadow: 2px 2px 15px #8707ff inset;
11}
12
13.button:active {
14  box-shadow: 2px 2px 20px #8707ff inset;
15}
16

.button {
  color: #8707ff;
  border: 2px solid #8707ff;
  border-radius: 10px;
  padding: 10px 25px;
  background: transparent;
}

.button:hover {
  box-shadow: 2px 2px 15px #8707ff inset;
}

.button:active {
  box-shadow: 2px 2px 20px #8707ff inset;
}

HTML

1<button class="button"> Button
2</button>

<button class="button"> Button
</button>