@daiyu-5577/quickbuild
Version:
front-end build service
40 lines (36 loc) • 772 B
CSS
@keyframes toast {
0% {
opacity: 1;
transform: translateX(-50%) translateY(-50px) scale(0.6);
}
15% {
opacity: 1;
transform: translateX(-50%) translateY(0px) scale(1);
}
80% {
opacity: 1;
transform: translateX(-50%) translateY(0px) scale(1);
}
100% {
opacity: 0;
transform: translateX(-50%) translateY(-30px) scale(0.6);
}
}
._toast {
font-size: 14px;
color: #fff;
/* background-color: rgba(5, 114, 222, 0.9); */
background-color: rgba(0, 128, 0, 0.9);
padding: 6px 10px;
border-radius: 10px;
min-width: 120px;
max-width: 300px;
word-wrap: break-word;
text-align: center;
position: fixed;
z-index: 99999;
top: 150px;
left: 50%;
transform: translateX(-50%);
animation: toast 2s ease-out;
}