| @@ -5,9 +5,9 @@ | ||
| 5 | 5 | * Plugin URI: http://www.loftocean.com/loftloader |
| 6 | 6 | * Author: Kaylolo Yinxi Chen @Loft.Ocean |
| 7 | 7 | * Author URI: http://www.loftocean.com |
| 8 | 8 | * Description: LoftLoader (Lite Version) is a plugin for adding beautiful and smooth preload animation to your WordPress website. With setting options, you can choose from preset animations, add custom logo image, choose colours to match your branding, and amuse and impress your visitors while loading site content. |
| 9 | - * Version: 2.1.8 | |
| 9 | + * Version: 2.3.3 | |
| 10 | 10 | */ |
| 11 | 11 | @-webkit-keyframes spinReturn { |
| 12 | 12 | 0% { |
| 13 | 13 | -webkit-transform: rotate(0deg); } |
| @@ -278,10 +278,15 @@ | ||
| 278 | 278 | font-size: 0; } |
| 279 | 279 | #loftloader-wrapper .loader-inner #loader { |
| 280 | 280 | position: relative; |
| 281 | 281 | z-index: 1002; |
| 282 | + top: auto; | |
| 283 | + left: auto; | |
| 282 | 284 | display: inline-block; |
| 283 | 285 | margin: 0 auto; |
| 286 | + padding: 0; | |
| 287 | + border: none; | |
| 288 | + border-radius: 0; | |
| 284 | 289 | background: none !important; |
| 285 | 290 | color: #248acc; } |
| 286 | 291 | #loftloader-wrapper .loader-section { |
| 287 | 292 | position: fixed; |
| @@ -538,9 +543,9 @@ | ||
| 538 | 543 | height: auto; |
| 539 | 544 | margin: 0 auto; } |
| 540 | 545 | #loftloader-wrapper.pl-imgloading #loader img { |
| 541 | 546 | opacity: 0.3; } |
| 542 | - #loftloader-wrapper.pl-imgloading #loader span { | |
| 547 | + #loftloader-wrapper.pl-imgloading #loader .imgloading-container { | |
| 543 | 548 | position: absolute; |
| 544 | 549 | bottom: 0; |
| 545 | 550 | left: 0; |
| 546 | 551 | z-index: 3; |
| @@ -547,13 +552,25 @@ | ||
| 547 | 552 | display: block; |
| 548 | 553 | width: 100%; |
| 549 | 554 | height: 0%; |
| 550 | 555 | transition: 0s; |
| 556 | + overflow: hidden; | |
| 557 | + -webkit-animation: imgLoading 6s linear infinite; | |
| 558 | + animation: imgLoading 6s linear infinite; | |
| 559 | + will-change: height, opacity; | |
| 560 | + transform-origin: 0 100%; } | |
| 561 | + #loftloader-wrapper.pl-imgloading #loader span { | |
| 562 | + position: absolute; | |
| 563 | + bottom: 0; | |
| 564 | + left: 0; | |
| 565 | + z-index: 3; | |
| 566 | + display: block; | |
| 567 | + width: 100%; | |
| 568 | + height: 100%; | |
| 551 | 569 | background-repeat: no-repeat; |
| 552 | 570 | background-size: cover; |
| 553 | 571 | background-position: center bottom; |
| 554 | - -webkit-animation: imgLoading 6s linear infinite; | |
| 555 | - animation: imgLoading 6s linear infinite; } | |
| 572 | + transition: 0s; } | |
| 556 | 573 | |
| 557 | 574 | /* ========================================================================== |
| 558 | 575 | Loading - Beating |
| 559 | 576 | ========================================================================== */ |
