 |
| CSS Button Color Classes |
Overview:
More than 10 button light green color classes. Just for your convenience, we develop these color classes. Copy below classes and paste in .css file and then link this file with your project. For amazing tips and tricks please follow us.
Light Green
 |
| Light Green Button |
.btn-light-green-0
{
background-color: rgb(139,195,74);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-50
{
background-color: rgb(241,248,233);
padding: 10px 10px;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-100
{
background-color: rgb(220,237,200);
padding: 10px 10px;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-200
{
background-color: rgb(197,225,165);
padding: 10px 10px;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-300
{
background-color: rgb(174,213,129);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-400
{
background-color:rgb(156,204,101);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-500
{
background-color: rgb(139,195,74);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-600
{
background-color: rgb(124,179,66);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-700
{
background-color: rgb(104,159,56);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-800
{
background-color: rgb(85,139,47);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-900
{
background-color: rgb(51,105,30);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-a
{
background-color: rgb(204,255,144);
padding: 10px 10px;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-b
{
background-color: rgb(178,255,89);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-c
{
background-color: rgb(118,255,3);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
.btn-light-green-d
{
background-color: rgb(100,221,23);
padding: 10px 10px;
color: white;
margin: 1%;
width: 10%;
border: none;
border-radius: 10px;
}
0 Comments
Thanks