| Server IP : 87.229.120.60 / Your IP : 216.73.216.245 Web Server : Apache System : Linux outside 5.4.8_Algonet_ZeroMAC_0.9.4.8 #6 SMP Mon Feb 3 20:36:07 CET 2020 x86_64 User : server ( 1002) PHP Version : 8.3.20 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,curl_multi_exec,parse_ini_file,show_source MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/faktorteam/www/wp-content/themes/rife-free/css/preloaders/ |
Upload File : |
.tetromino .preloader-animation {
top: -30px;
}
.tetromino .tetrominos {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-112px, -96px);
-ms-transform: translate(-112px, -96px);
transform: translate(-112px, -96px);
}
.tetromino .tetromino-box {
width: 96px;
height: 112px;
position: absolute;
transition: all ease .3s;
background: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 684"%3E%3Cpath fill="%23010101" d="M305.7 0L0 170.9v342.3L305.7 684 612 513.2V170.9L305.7 0z"/%3E%3Cpath fill="%23fff" d="M305.7 80.1l-233.6 131 233.6 131 234.2-131-234.2-131"/%3E%3C/svg%3E') no-repeat top center;
}
.tetromino .box1 {
-webkit-animation: tetromino1 1.5s ease-out infinite;
animation: tetromino1 1.5s ease-out infinite;
}
.tetromino .box2 {
-webkit-animation: tetromino2 1.5s ease-out infinite;
animation: tetromino2 1.5s ease-out infinite;
}
.tetromino .box3 {
-webkit-animation: tetromino3 1.5s ease-out infinite;
animation: tetromino3 1.5s ease-out infinite;
z-index: 2;
}
.tetromino .box4 {
-webkit-animation: tetromino4 1.5s ease-out infinite;
animation: tetromino4 1.5s ease-out infinite;
}
@-webkit-keyframes tetromino1 {
0%, 40% {
/* compose logo */
/* 1 on 3 */
/* L-shape */
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
/* pre-box */
-webkit-transform: translate(48px, -27px);
transform: translate(48px, -27px);
}
60%, 100% {
/* box */
/* compose logo */
-webkit-transform: translate(96px, 0);
transform: translate(96px, 0);
}
}
@keyframes tetromino1 {
0%, 40% {
/* compose logo */
/* 1 on 3 */
/* L-shape */
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
/* pre-box */
-webkit-transform: translate(48px, -27px);
transform: translate(48px, -27px);
}
60%, 100% {
/* box */
/* compose logo */
-webkit-transform: translate(96px, 0);
transform: translate(96px, 0);
}
}
@-webkit-keyframes tetromino2 {
0%, 20% {
/* compose logo */
/* 1 on 3 */
-webkit-transform: translate(96px, 0px);
transform: translate(96px, 0px);
}
40%, 100% {
/* L-shape */
/* box */
/* compose logo */
-webkit-transform: translate(144px, 27px);
transform: translate(144px, 27px);
}
}
@keyframes tetromino2 {
0%, 20% {
/* compose logo */
/* 1 on 3 */
-webkit-transform: translate(96px, 0px);
transform: translate(96px, 0px);
}
40%, 100% {
/* L-shape */
/* box */
/* compose logo */
-webkit-transform: translate(144px, 27px);
transform: translate(144px, 27px);
}
}
@-webkit-keyframes tetromino3 {
0% {
/* compose logo */
-webkit-transform: translate(144px, 27px);
transform: translate(144px, 27px);
}
20%, 60% {
/* 1 on 3 */
/* L-shape */
/* box */
-webkit-transform: translate(96px, 54px);
transform: translate(96px, 54px);
}
90%, 100% {
/* compose logo */
-webkit-transform: translate(48px, 27px);
transform: translate(48px, 27px);
}
}
@keyframes tetromino3 {
0% {
/* compose logo */
-webkit-transform: translate(144px, 27px);
transform: translate(144px, 27px);
}
20%, 60% {
/* 1 on 3 */
/* L-shape */
/* box */
-webkit-transform: translate(96px, 54px);
transform: translate(96px, 54px);
}
90%, 100% {
/* compose logo */
-webkit-transform: translate(48px, 27px);
transform: translate(48px, 27px);
}
}
@-webkit-keyframes tetromino4 {
0%, 60% {
/* compose logo */
/* 1 on 3 */
/* L-shape */
/* box */
-webkit-transform: translate(48px, 27px);
transform: translate(48px, 27px);
}
90%, 100% {
/* compose logo */
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes tetromino4 {
0%, 60% {
/* compose logo */
/* 1 on 3 */
/* L-shape */
/* box */
-webkit-transform: translate(48px, 27px);
transform: translate(48px, 27px);
}
90%, 100% {
/* compose logo */
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}