ColorDrop - New colors
ColorDrop:让寻找配色方案成为信手拈来的事情
标签：colors palettes project colors web colors webdesign colors website color palette website colors website paletteColorDrop
Thousands of curated colors, palettes for use in your products">
#loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border: 5px solid #f3f3f3;
border-radius: 50%;
border-top: 5px solid #3498db;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 }
to { bottom:0px; opacity:1 }
}
@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}
#colordrop {
display: none;
text-align: center;
}
var timeout = Math.floor(Math.random() * 1500) + 300;
setTimeout(function() {
document.getElementById("loader").style.display = "none";
document.getElementById("colordrop").style.display = "block";
}, timeout);
