Samuele Locatelli
73 lines
1.8 KiB
CSS
73 lines
1.8 KiB
CSS
.cardOrders {
|
|
width: 100%;
|
|
border-radius: 18px;
|
|
padding: 1rem 4rem 0.5rem 4rem;
|
|
box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 22px 3px;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.cardOrders01 {
|
|
width: 100%;
|
|
border-radius: 18px;
|
|
padding: 1rem 4rem 0.5rem 4rem;
|
|
box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 22px 3px;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 1rem;
|
|
background-image: linear-gradient(to right, rgba(15, 15, 15, 0.5), #91d737);
|
|
}
|
|
.cardOrders01Red {
|
|
width: 100%;
|
|
border-radius: 18px;
|
|
padding: 1rem 4rem 0.5rem 4rem;
|
|
box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 22px 3px;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 1rem;
|
|
background-image: linear-gradient(to right, rgba(15, 15, 15, 0.5), #91d737);
|
|
width: 90%;
|
|
}
|
|
.cardOrders02 {
|
|
width: 100%;
|
|
border-radius: 18px;
|
|
padding: 1rem 4rem 0.5rem 4rem;
|
|
box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 22px 3px;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 1rem;
|
|
background-image: linear-gradient(to right, rgba(15, 15, 15, 0.5), #f5730f);
|
|
}
|
|
.cardOrders02Red {
|
|
width: 100%;
|
|
border-radius: 18px;
|
|
padding: 1rem 4rem 0.5rem 4rem;
|
|
box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 22px 3px;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 1rem;
|
|
background-image: linear-gradient(to right, rgba(15, 15, 15, 0.5), #f5730f);
|
|
width: 95%;
|
|
}
|
|
.cardOrders03 {
|
|
width: 100%;
|
|
border-radius: 18px;
|
|
padding: 1rem 4rem 0.5rem 4rem;
|
|
box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 22px 3px;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 1rem;
|
|
background-image: linear-gradient(to right, rgba(15, 15, 15, 0.3), #23f587);
|
|
}
|
|
.btn01:after {
|
|
animation-name: example;
|
|
animation-duration: 2s;
|
|
}
|
|
@keyframes example {
|
|
from {
|
|
background-color: white;
|
|
}
|
|
to {
|
|
background-color: black;
|
|
}
|
|
}
|
|
/*div {
|
|
background-color: red;
|
|
animation-name: example;
|
|
animation-duration: 4s;
|
|
}
|
|
*/ |