49 lines
1 KiB
PHP
49 lines
1 KiB
PHP
<?php
|
|
/**
|
|
* Eclipse icon html and css.
|
|
*
|
|
*/
|
|
|
|
?>
|
|
|
|
<div class="lds-css ng-scope">
|
|
<div class="lds-eclipse preloader-plus-default-icons">
|
|
<div></div>
|
|
</div>
|
|
<style type="text/css">@keyframes lds-eclipse {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
50% {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@-webkit-keyframes lds-eclipse {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
50% {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.lds-eclipse div {
|
|
-webkit-animation: lds-eclipse 1s linear infinite;
|
|
animation: lds-eclipse 1s linear infinite;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
box-shadow: 0 4px 0 0 <?php echo esc_attr( $settings['text_color'] ) ?>;
|
|
}
|
|
</style></div>
|