CSS Button | CSS Button Red Color Classes | Part 17

 

CSS Button Color Classes
CSS Button Color Classes

Overview:

More than 10 button red 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.

Red

CSS Button Red Color Classes
CSS Button Red Color Classes

Classes

.btn-red-0

{

    background-color: rgb(244,67,54);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-50

{

    background-color: rgb(255,235,238);

    padding10px 10px;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-100

{

    background-color: rgb(255,205,210);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-200

{

    background-color: rgb(239,154,154);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-300

{

    background-color: rgb(229,115,115);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-400

{

    background-color: rgb(239,83,80);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-500

{

    background-color: rgb(244,67,54);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-600

{

    background-color: rgb(229,57,53);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-700

{

    background-color: rgb(211,47,47);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-800

{

    background-color:rgb(198,40,40);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-900

{

    background-color: rgb(183,28,28);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-a

{

    background-color: rgb(255,138,128);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-b

{

    background-color: rgb(255,82,82);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-c

{

    background-color: rgb(255,23,68);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

.btn-red-d

{

    background-color: rgb(213,0,0);

    padding10px 10px;

    colorwhite;

    margin1%;

    width10%;

    bordernone;

    border-radius10px;

}

0 Comments