Button by Tanvisharma31

This button was created for css-challenge-1

Made by

@Tanvisharma31

Theme:

Dark

#button

#212121

96 views

CSSAdd prefixes

1.space-adventure-button {
2  background-color: #1a1a2e;
3  color: #fff;
4  border: none;
5  padding: 20px;
6  font-size: 17px;
7  font-weight: bold;
8  text-transform: uppercase;
9  border-radius: 40px;
10  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
11  transition: all 0.2s ease-in-out;
12}
13
14.space-adventure-button:hover {
15  background-color: #eb4d4b;
16  cursor: pointer;
17  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
18}
19

.space-adventure-button {
  background-color: #1a1a2e;
  color: #fff;
  border: none;
  padding: 20px;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 40px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.space-adventure-button:hover {
  background-color: #eb4d4b;
  cursor: pointer;
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
}

HTML

1<button class="space-adventure-button">Join the Adventure</button>
2

<button class="space-adventure-button">Join the Adventure</button>