Categories > Coding > CSS >

CSS Button Pack

Sxnxster

what you lookin at?

Posts: 16

Threads: 3

Joined: Jan, 2023

Reputation: -24

Posted

I made a css button pack hope u like it

 

Button 1:

https://screenrec.com/share/xwUZh2YfF0

button {
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(35,35,35);
  border-radius: 60px;
  border: none;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: rgb(70,70,70);
  transition: 0.25s;
  font-size: 15px;
  font-weight: 550;
}

button:hover {
  padding-left: 30px;
  padding-right: 30px;
    -webkit-box-shadow: 0px 2px 25px rgba(15,15,15);
-moz-box-shadow: 0px 2px 25px rgba(15,15,15);
box-shadow: 0px 2px 25px rgba(15,15,15);
}

button:active {
  padding-left: 20px;
  padding-right: 20px;
    padding-top: 9px;
  padding-bottom: 9px;
}

 

Button 2:

https://screenrec.com/share/qsW3vlPE0o

button {
  font-family: Arial, Helvetica, sans-serif;
  background-color: transparent;
  border: 1px solid #0059b3;
  border-radius: 4.5px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #0059b3;
  transition: 0.2s;
  font-size: 15px;
  font-weight: 600;
}

button:hover {
  background-color: #0059b3;
  color: white;
}

button:active {
  background-color: #66b3ff;
}

 

I'll be adding more to this soon!

  • 0

Stupid developer who cannot code well

Posts: 47

Threads: 6

Joined: Jan, 2023

Reputation: 3

Replied

Can you throw in some images please?

  • 0

I bet you a dollar you saw this.

Sxnxster

what you lookin at?

Posts: 16

Threads: 3

Joined: Jan, 2023

Reputation: -24

Replied

@Rayn The links are videos of them in action.

  • 0

Stupid developer who cannot code well

Users viewing this thread:

( Members: 0, Guests: 1, Total: 1 )