#plcover {
display: block;
z-index: 9999999999;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
transition: all 1s;
}
#plcontent {
box-sizing: content-box;
position: absolute;
margin: auto auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 50px;
height: 50px;
}
#plcontent div {
box-sizing: content-box;
}
.plcircle {
width: 50px;
height: 50px;
border: 4px dashed black;
border-radius: 50px;
background-color: transparent;
-webkit-animation: plrotate 1.5s infinite linear;
animation: plrotate 1.5s infinite linear;
}
.plcircle2 {
width: 50px;
height: 50px;
border: 4px solid rgba(0, 0, 0, 0.1);
border-top: 4px solid black;
border-radius: 50px;
background-color: transparent;
-webkit-animation: plrotate 1.5s infinite linear;
animation: plrotate 1.5s infinite linear;
}
.plfan {
width: 20px;
height: 20px;
border: 17px dashed black;
border-radius: 50px;
background-color: transparent;
-webkit-animation: plrotate 1.5s infinite linear;
animation: plrotate 1.5s infinite linear;
}
.plsqaure {
width: 50px;
height: 50px;
background-color: black;
-webkit-animation: plsqaurerotate 1s infinite ease-in-out;
animation: plsqaurerotate 1s infinite ease-in-out;
}
.pldrop  {
width: 50px;
height: 50px;
border-radius: 50px;
background-color: black;
-webkit-animation: plwave 1s ease-in-out;
animation: plwave 1s infinite ease-in-out;
}
#plcontent img {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto auto auto auto;
} @-webkit-keyframes plsqaurerotate {
0% { -webkit-transform: perspective(120px); }
50% { -webkit-transform: perspective(120px) rotateY(180deg); }
100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg); }
}
@keyframes plsqaurerotate {
0% { transform: perspective(120px); }
50% { transform: perspective(120px) rotateY(-180deg); }
100% { transform: perspective(120px) rotateY(-180deg)  rotateX(-180deg); }
}
@-webkit-keyframes plrotate {
0% { -webkit-transform: rotate(0deg) }
50% { -webkit-transform: rotate(180deg) }
100% { -webkit-transform: rotate(360deg) }
}
@keyframes plrotate {
0% { transform: rotate(0deg) }
50% { transform: rotate(180deg) }
100% { transform: rotate(360deg) }
}
@-webkit-keyframes plwave {
0% { -webkit-transform: scale(0); opacity: 1; }
100% { -webkit-transform: scale(1); opacity: 0; }
}
@keyframes plwave {
0% { transform: scale(0); opacity: 1; }
100% { transform: scale(1); opacity: 0; }
}
.wp-picker-holder {
position: absolute;
z-index: 999;
}