...
body {
background-color: #1e1544;
}
.item {
width: 480px;
height: 120px;
background: linear-gradient(135deg,rgba(179,80,242,.5),hsla(0,0%,100%,.1));
box-shadow: 3px 8px 10px 0rgba(83,104,204,.29);
border-radius: 10px;
border-image: linear-gradient(150deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2)) 2 2;
}
.card-title {
background: linear-gradient(180deg,rgba(239,68,237,.35),hsla(0,0%,100%,.1));
}
.card-content {
background: #2f2060;
}
.button {
width: auto;
height: 69px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: linear-gradient(160deg,#dc19c1,#121ff0);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%), inset 2px 2px 20px 0 hsl(0deg 0% 100% / 60%);
border-radius: 10px;
}
网友评论