| Server IP : 60.247.133.247 / Your IP : 216.73.217.108 Web Server : Apache System : Linux ebs-119054 5.10.0-14-amd64 #1 SMP Debian 5.10.113-1 (2022-04-29) x86_64 User : goodwill ( 65985) PHP Version : 8.2.20 Disable Function : link,symlink,passthru,exec,system,shell_exec,proc_open,popen,pcntl_exec,socket_bind,stream_socket_server,pcntl_fork,pcntl_rfork MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/wwwroot/goodwill/wwwroot/wp-content/themes/GoodWill/template-parts/general/ |
Upload File : |
<?php
/**
* @package The7
*/
defined( 'ABSPATH' ) || exit;
?>
<style type="text/css">
.the7-spinner {
width: 60px;
height: 72px;
position: relative;
}
.the7-spinner > div {
animation: spinner-animation 1.2s cubic-bezier(1, 1, 1, 1) infinite;
width: 9px;
left: 0;
display: inline-block;
position: absolute;
background-color:var(--the7-beautiful-spinner-color2);
height: 18px;
top: 27px;
}
div.the7-spinner-animate-2 {
animation-delay: 0.2s;
left: 13px
}
div.the7-spinner-animate-3 {
animation-delay: 0.4s;
left: 26px
}
div.the7-spinner-animate-4 {
animation-delay: 0.6s;
left: 39px
}
div.the7-spinner-animate-5 {
animation-delay: 0.8s;
left: 52px
}
@keyframes spinner-animation {
0% {
top: 27px;
height: 18px;
}
20% {
top: 9px;
height: 54px;
}
50% {
top: 27px;
height: 18px;
}
100% {
top: 27px;
height: 18px;
}
}
</style>
<div class="the7-spinner">
<div class="the7-spinner-animate-1"></div>
<div class="the7-spinner-animate-2"></div>
<div class="the7-spinner-animate-3"></div>
<div class="the7-spinner-animate-4"></div>
<div class="the7-spinner-animate-5"></div>
</div>