WordPress.org
Get WordPress

Plugin Directory

Changeset 2513118 for loftloader


Ignore:
Timestamp:
04/12/2021 08:29:15 AM (5 years ago)
Author:
loftocean
Message:

update to version 2.3.6

Location:
loftloader
Files:
71 added
9 edited

Legend:

Unmodified
Added
Removed

  • loftloader/trunk/assets/css/loftloader-settings.css

    r2461794 r2513118  
    33 *
    44 * Plugin Name: LoftLoader
    5  * Plugin URI: http://www.loftocean.com/loftloader
    6  * Author: Kaylolo Yinxi Chen @Loft.Ocean
    7  * Author URI: http://www.loftocean.com
     5 * Plugin URI: https://www.loftocean.com/loftloader
     6 * Author: The Loft.Ocean Team
     7 * Author URI: https://www.loftocean.com
    88 * 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.3.5
     9 * Version: 2.3.6
    1010*/
    1111@import url(https://fonts.googleapis.com/css?family=Lato:400,600);

  • loftloader/trunk/assets/css/loftloader.css

    r2461794 r2513118  
    33 *
    44 * Plugin Name: LoftLoader
    5  * Plugin URI: http://www.loftocean.com/loftloader
    6  * Author: Kaylolo Yinxi Chen @Loft.Ocean
    7  * Author URI: http://www.loftocean.com
     5 * Plugin URI: https://www.loftocean.com/loftloader
     6 * Author: The Loft.Ocean Team
     7 * Author URI: https://www.loftocean.com
    88 * 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.3.5
     9 * Version: 2.3.6
    1010*/
    1111@-webkit-keyframes spinReturn {
    … …  
    251251  background: transparent !important; }
    252252  .loaded #loftloader-wrapper {
    253     -webkit-transform: translateX(-200%);
    254     -ms-transform: translateX(-200%);
    255     transform: translateX(-200%);
    256     visibility: hidden;
     253    -webkit-transform: translateX(-200vw);
     254    -ms-transform: translateX(-200vw);
     255    transform: translateX(-200vw);
    257256    pointer-events: none;
    258     transition: all;
    259     transition-delay: 1s; }
     257    opacity: 0;
     258    transition: opacity 0.0001s 1s, transform 0.0001s 2s; }
    260259    .loaded #loftloader-wrapper.slide-vertical {
    261260      -webkit-transform: translate(-100%, 0);
    … …  
    305304      .loaded #loftloader-wrapper .loader-section.section-fade {
    306305        opacity: 0 !important;
    307         transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
     306        transition: opacity 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
    308307    #loftloader-wrapper .loader-section.section-slide-up {
    309308      top: 0;
    … …  
    311310      width: 100%; }
    312311      .loaded #loftloader-wrapper .loader-section.section-slide-up {
    313         -webkit-transform: translateY(-100%);
    314         -ms-transform: translateY(-100%);
    315         transform: translateY(-100%);
    316         transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
     312        -webkit-transform: translateY(-100vh);
     313        -ms-transform: translateY(-100vh);
     314        transform: translateY(-100vh);
     315        transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
    317316    #loftloader-wrapper .loader-section.section-left, #loftloader-wrapper .loader-section.section-right {
    318317      top: 0; }
    … …  
    320319      left: 0; }
    321320      .loaded #loftloader-wrapper .loader-section.section-left {
    322         transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    323         -webkit-transform: translateX(-100%);
    324         -ms-transform: translateX(-100%);
    325         transform: translateX(-100%); }
     321        transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     322        -webkit-transform: translateX(-50vw);
     323        -ms-transform: translateX(-50vw);
     324        transform: translateX(-50vw); }
    326325    #loftloader-wrapper .loader-section.section-right {
    327326      right: 0; }
    328327      .loaded #loftloader-wrapper .loader-section.section-right {
    329         transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    330         -webkit-transform: translateX(100%);
    331         -ms-transform: translateX(100%);
    332         transform: translateX(100%); }
     328        transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     329        -webkit-transform: translateX(50vw);
     330        -ms-transform: translateX(50vw);
     331        transform: translateX(50vw); }
    333332    #loftloader-wrapper .loader-section.section-up, #loftloader-wrapper .loader-section.section-down {
    334333      left: 0;
    … …  
    338337      top: 0; }
    339338      .loaded #loftloader-wrapper .loader-section.section-up {
    340         transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    341         -webkit-transform: translateY(-100%);
    342         -ms-transform: translateY(-100%);
    343         transform: translateY(-100%); }
     339        transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     340        -webkit-transform: translateY(-50vh);
     341        -ms-transform: translateY(-50vh);
     342        transform: translateY(-50vh); }
    344343    #loftloader-wrapper .loader-section.section-down {
    345344      bottom: 0; }
    346345      .loaded #loftloader-wrapper .loader-section.section-down {
    347         transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    348         -webkit-transform: translateY(100%);
    349         -ms-transform: translateY(100%);
    350         transform: translateY(100%); }
     346        transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     347        -webkit-transform: translateY(50vh);
     348        -ms-transform: translateY(50vh);
     349        transform: translateY(50vh); }
    351350
    352351/* ==========================================================================

  • loftloader/trunk/assets/css/loftloader.min.css

    r2343460 r2513118  
    1 @-webkit-keyframes spinReturn{0%{-webkit-transform:rotate(0)}25%{-webkit-transform:rotate(225deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(405deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinReturn{0%{transform:rotate(0)}25%{transform:rotate(225deg)}50%{transform:rotate(180deg)}75%{transform:rotate(405deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes lightUp{0%{opacity:.2}40%{opacity:1}60%{opacity:.2}100%{opacity:.2}}@keyframes lightUp{0%{opacity:.2}40%{opacity:1}60%{opacity:.2}100%{opacity:.2}}@-webkit-keyframes wave{0%{-webkit-transform:scaleY(1)}40%{-webkit-transform:scaleY(.1)}80%{-webkit-transform:scaleY(1)}100%{-webkit-transform:scaleY(1)}}@keyframes wave{0%{transform:scaleY(1)}40%{transform:scaleY(.1)}80%{transform:scaleY(1)}100%{transform:scaleY(1)}}@-webkit-keyframes drawframeTop{0%{-webkit-transform:scaleX(1);transform-origin:100% 0}12.5%{-webkit-transform:scaleX(0);transform-origin:100% 0}50%{-webkit-transform:scaleX(0);transform-origin:0 0}62.5%{-webkit-transform:scaleX(1);transform-origin:0 0}100%{-webkit-transform:scaleX(1);transform-origin:100% 0}}@keyframes drawframeTop{0%{transform:scaleX(1);transform-origin:100% 0}12.5%{transform:scaleX(0);transform-origin:100% 0}50%{transform:scaleX(0);transform-origin:0 0}62.5%{transform:scaleX(1);transform-origin:0 0}100%{transform:scaleX(1);transform-origin:100% 0}}@-webkit-keyframes drawframeBottom{0%{-webkit-transform:scaleX(1);transform-origin:0 0}12.5%{-webkit-transform:scaleX(0);transform-origin:0 0}50%{-webkit-transform:scaleX(0);transform-origin:100% 0}62.5%{-webkit-transform:scaleX(1);transform-origin:100% 0}100%{-webkit-transform:scaleX(1);transform-origin:0 0}}@keyframes drawframeBottom{0%{transform:scaleX(1);transform-origin:0 0}12.5%{transform:scaleX(0);transform-origin:0 0}50%{transform:scaleX(0);transform-origin:100% 0}62.5%{transform:scaleX(1);transform-origin:100% 0}100%{transform:scaleX(1);transform-origin:0 0}}@-webkit-keyframes drawframeRight{0%{-webkit-transform:scaleY(1);transform-origin:0 100%}12.5%{-webkit-transform:scaleY(0);transform-origin:0 100%}50%{-webkit-transform:scaleY(0);transform-origin:0 0}62.5%{-webkit-transform:scaleY(1);transform-origin:0 0}100%{-webkit-transform:scaleY(1);transform-origin:0 100%}}@keyframes drawframeRight{0%{transform:scaleY(1);transform-origin:0 100%}12.5%{transform:scaleY(0);transform-origin:0 100%}50%{transform:scaleY(0);transform-origin:0 0}62.5%{transform:scaleY(1);transform-origin:0 0}100%{transform:scaleY(1);transform-origin:0 100%}}@-webkit-keyframes drawframeLeft{0%{-webkit-transform:scaleY(1);transform-origin:0 0}12.5%{-webkit-transform:scaleY(0);transform-origin:0 0}50%{-webkit-transform:scaleY(0);transform-origin:0 100%}62.5%{-webkit-transform:scaleY(1);transform-origin:0 100%}100%{-webkit-transform:scaleY(1);transform-origin:0 0}}@keyframes drawframeLeft{0%{transform:scaleY(1);transform-origin:0 0}12.5%{transform:scaleY(0);transform-origin:0 0}50%{transform:scaleY(0);transform-origin:0 100%}62.5%{transform:scaleY(1);transform-origin:0 100%}100%{transform:scaleY(1);transform-origin:0 0}}@-webkit-keyframes imgLoading{0%{height:0%;opacity:1}95%{height:100%;opacity:1}100%{height:100%;opacity:0}}@keyframes imgLoading{0%{height:0%;opacity:1}95%{height:100%;opacity:1}100%{height:100%;opacity:0}}@-webkit-keyframes beat{0%{transform:scale(0);opacity:0}80%{transform:scale(1);opacity:.7}100%{transform:scale(1);opacity:0}}@keyframes beat{0%{transform:scale(0);opacity:0}80%{transform:scale(1);opacity:.7}100%{transform:scale(1);opacity:0}}body,html{opacity:1!important}#loftloader-wrapper{position:fixed;top:0;left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:999999;width:100%;height:100%;background:0 0!important}.loaded #loftloader-wrapper{-webkit-transform:translateX(-200%);-ms-transform:translateX(-200%);transform:translateX(-200%);visibility:hidden;pointer-events:none;transition:all;transition-delay:1s}.loaded #loftloader-wrapper.slide-vertical{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}.loaded #loftloader-wrapper #loader,.loaded #loftloader-wrapper .loader-close-button{opacity:0;transition:all .3s ease-out}#loftloader-wrapper .loader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001;text-align:center;transition:all 0s;font-size:0}#loftloader-wrapper .loader-inner #loader{position:relative;z-index:1002;top:auto;left:auto;display:inline-block;margin:0 auto;padding:0;border:none;border-radius:0;background:0 0!important;color:#248acc}#loftloader-wrapper .loader-section{position:fixed;z-index:999;width:50%;height:100%;background:#000;opacity:.95;transition:all 0s;will-change:transform}#loftloader-wrapper .loader-section.section-fade{top:0;left:0;width:100%;will-change:opacity}.loaded #loftloader-wrapper .loader-section.section-fade{opacity:0!important;transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}#loftloader-wrapper .loader-section.section-slide-up{top:0;left:0;width:100%}.loaded #loftloader-wrapper .loader-section.section-slide-up{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}#loftloader-wrapper .loader-section.section-left,#loftloader-wrapper .loader-section.section-right{top:0}#loftloader-wrapper .loader-section.section-left{left:0}.loaded #loftloader-wrapper .loader-section.section-left{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}#loftloader-wrapper .loader-section.section-right{right:0}.loaded #loftloader-wrapper .loader-section.section-right{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}#loftloader-wrapper .loader-section.section-down,#loftloader-wrapper .loader-section.section-up{left:0;width:100%;height:50%}#loftloader-wrapper .loader-section.section-up{top:0}.loaded #loftloader-wrapper .loader-section.section-up{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}#loftloader-wrapper .loader-section.section-down{bottom:0}.loaded #loftloader-wrapper .loader-section.section-down{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}#loftloader-wrapper.pl-sun #loader{width:50px;height:50px}#loftloader-wrapper.pl-sun #loader span{position:absolute;top:0;left:0;display:block;width:50px;height:50px;background:currentColor;opacity:.9;transform-origin:50% 50%;-webkit-animation:spinReturn 4s ease infinite;animation:spinReturn 4s ease infinite}#loftloader-wrapper.pl-sun #loader span:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:inherit;opacity:.9;content:"";transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#loftloader-wrapper.pl-circles #loader{width:100px;height:60px}#loftloader-wrapper.pl-circles #loader span,#loftloader-wrapper.pl-circles #loader:after,#loftloader-wrapper.pl-circles #loader:before{position:absolute;display:block;width:10px;height:10px;border-radius:50%;opacity:.2;background:currentColor}#loftloader-wrapper.pl-circles #loader span{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:lightUp 1.5s linear infinite .5s;animation:lightUp 1.5s linear infinite .5s}#loftloader-wrapper.pl-circles #loader:after,#loftloader-wrapper.pl-circles #loader:before{content:"";top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#loftloader-wrapper.pl-circles #loader:before{left:0;-webkit-animation:lightUp 1.5s linear infinite;animation:lightUp 1.5s linear infinite}#loftloader-wrapper.pl-circles #loader:after{right:0;-webkit-animation:lightUp 1.5s linear infinite 1s;animation:lightUp 1.5s linear infinite 1s}#loftloader-wrapper.pl-wave #loader{width:60px;height:30px}#loftloader-wrapper.pl-wave #loader span,#loftloader-wrapper.pl-wave #loader:after,#loftloader-wrapper.pl-wave #loader:before{position:relative;display:inline-block;width:6px;height:100%;background:currentColor}#loftloader-wrapper.pl-wave #loader span{margin:0 16px;-webkit-animation:wave .9s linear infinite .3s;animation:wave .9s linear infinite .3s}#loftloader-wrapper.pl-wave #loader:after,#loftloader-wrapper.pl-wave #loader:before{content:""}#loftloader-wrapper.pl-wave #loader:before{-webkit-animation:wave .9s linear infinite;animation:wave .9s linear infinite}#loftloader-wrapper.pl-wave #loader:after{-webkit-animation:wave .9s linear infinite .6s;animation:wave .9s linear infinite .6s}#loftloader-wrapper.pl-square #loader{width:50px;height:50px;transform-origin:50% 50%;-webkit-animation:spinReturn 4s ease infinite;animation:spinReturn 4s ease infinite}#loftloader-wrapper.pl-square #loader span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:4px solid currentColor;box-sizing:border-box;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#loftloader-wrapper.pl-frame #loader{width:80px;height:80px;max-width:90vw}#loftloader-wrapper.pl-frame #loader:after,#loftloader-wrapper.pl-frame #loader:before{position:absolute;width:100%;height:4px;background:currentColor;content:""}#loftloader-wrapper.pl-frame #loader:before{top:0;right:0;left:auto;-webkit-animation:drawframeTop 4s linear infinite;animation:drawframeTop 4s linear infinite}#loftloader-wrapper.pl-frame #loader:after{right:auto;bottom:0;left:0;-webkit-animation:drawframeBottom 4s linear infinite 1s;animation:drawframeBottom 4s linear infinite 1s}#loftloader-wrapper.pl-frame #loader span{position:absolute;top:0;left:0;display:block;width:100%;height:100%}#loftloader-wrapper.pl-frame #loader span:after,#loftloader-wrapper.pl-frame #loader span:before{position:absolute;width:4px;height:100%;background:currentColor;content:""}#loftloader-wrapper.pl-frame #loader span:before{top:auto;right:0;bottom:0;-webkit-animation:drawframeRight 4s linear infinite .5s;animation:drawframeRight 4s linear infinite .5s}#loftloader-wrapper.pl-frame #loader span:after{top:0;bottom:auto;left:0;-webkit-animation:drawframeLeft 4s linear infinite 1.5s;animation:drawframeLeft 4s linear infinite 1.5s}#loftloader-wrapper.pl-frame #loader img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;max-width:80%;max-height:80%}#loftloader-wrapper.pl-imgloading #loader{width:auto;height:auto;max-width:90vw}#loftloader-wrapper.pl-imgloading #loader img{position:relative;z-index:1;display:block;width:100%;height:auto;margin:0 auto}#loftloader-wrapper.pl-imgloading #loader img{opacity:.3}#loftloader-wrapper.pl-imgloading #loader .imgloading-container{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:0%;transition:0s;overflow:hidden;-webkit-animation:imgLoading 6s linear infinite;animation:imgLoading 6s linear infinite;will-change:height,opacity;transform-origin:0 100%}#loftloader-wrapper.pl-imgloading #loader span{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center bottom;transition:0s}#loftloader-wrapper.pl-beating #loader{width:60px;height:60px}#loftloader-wrapper.pl-beating #loader span,#loftloader-wrapper.pl-beating #loader:before{position:absolute;top:0;left:0;display:block;width:60px;height:60px;border-radius:50%;background:currentColor;box-shadow:0 0 50px;opacity:0}#loftloader-wrapper.pl-beating #loader span{-webkit-animation:beat 1.5s linear infinite;animation:beat 1.5s linear infinite}#loftloader-wrapper.pl-beating #loader:before{content:"";-webkit-animation:beat 1.5s linear infinite 1s;animation:beat 1.5s linear infinite 1s}.loader-close-button{position:fixed;right:10px;top:10px;z-index:99999;box-sizing:border-box;width:auto;min-width:35px;height:35px;padding:5px 30px 5px 5px;border-radius:999px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;line-height:25px;cursor:pointer}.loader-close-button:hover{background:rgba(0,0,0,.7)}.loader-close-button:after,.loader-close-button:before{position:absolute;top:16px;right:9px;display:block;width:18px;height:2px;transform-origin:50% 50%;content:"";background:#fff}.loader-close-button:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.loader-close-button:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.loader-close-button .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);overflow:hidden;word-wrap:normal!important}.loader-close-button .close-des{padding:0 5px;font-size:12px}
     1@-webkit-keyframes spinReturn{0%{-webkit-transform:rotate(0)}25%{-webkit-transform:rotate(225deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(405deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinReturn{0%{transform:rotate(0)}25%{transform:rotate(225deg)}50%{transform:rotate(180deg)}75%{transform:rotate(405deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes lightUp{0%{opacity:.2}40%{opacity:1}60%{opacity:.2}100%{opacity:.2}}@keyframes lightUp{0%{opacity:.2}40%{opacity:1}60%{opacity:.2}100%{opacity:.2}}@-webkit-keyframes wave{0%{-webkit-transform:scaleY(1)}40%{-webkit-transform:scaleY(.1)}80%{-webkit-transform:scaleY(1)}100%{-webkit-transform:scaleY(1)}}@keyframes wave{0%{transform:scaleY(1)}40%{transform:scaleY(.1)}80%{transform:scaleY(1)}100%{transform:scaleY(1)}}@-webkit-keyframes drawframeTop{0%{-webkit-transform:scaleX(1);transform-origin:100% 0}12.5%{-webkit-transform:scaleX(0);transform-origin:100% 0}50%{-webkit-transform:scaleX(0);transform-origin:0 0}62.5%{-webkit-transform:scaleX(1);transform-origin:0 0}100%{-webkit-transform:scaleX(1);transform-origin:100% 0}}@keyframes drawframeTop{0%{transform:scaleX(1);transform-origin:100% 0}12.5%{transform:scaleX(0);transform-origin:100% 0}50%{transform:scaleX(0);transform-origin:0 0}62.5%{transform:scaleX(1);transform-origin:0 0}100%{transform:scaleX(1);transform-origin:100% 0}}@-webkit-keyframes drawframeBottom{0%{-webkit-transform:scaleX(1);transform-origin:0 0}12.5%{-webkit-transform:scaleX(0);transform-origin:0 0}50%{-webkit-transform:scaleX(0);transform-origin:100% 0}62.5%{-webkit-transform:scaleX(1);transform-origin:100% 0}100%{-webkit-transform:scaleX(1);transform-origin:0 0}}@keyframes drawframeBottom{0%{transform:scaleX(1);transform-origin:0 0}12.5%{transform:scaleX(0);transform-origin:0 0}50%{transform:scaleX(0);transform-origin:100% 0}62.5%{transform:scaleX(1);transform-origin:100% 0}100%{transform:scaleX(1);transform-origin:0 0}}@-webkit-keyframes drawframeRight{0%{-webkit-transform:scaleY(1);transform-origin:0 100%}12.5%{-webkit-transform:scaleY(0);transform-origin:0 100%}50%{-webkit-transform:scaleY(0);transform-origin:0 0}62.5%{-webkit-transform:scaleY(1);transform-origin:0 0}100%{-webkit-transform:scaleY(1);transform-origin:0 100%}}@keyframes drawframeRight{0%{transform:scaleY(1);transform-origin:0 100%}12.5%{transform:scaleY(0);transform-origin:0 100%}50%{transform:scaleY(0);transform-origin:0 0}62.5%{transform:scaleY(1);transform-origin:0 0}100%{transform:scaleY(1);transform-origin:0 100%}}@-webkit-keyframes drawframeLeft{0%{-webkit-transform:scaleY(1);transform-origin:0 0}12.5%{-webkit-transform:scaleY(0);transform-origin:0 0}50%{-webkit-transform:scaleY(0);transform-origin:0 100%}62.5%{-webkit-transform:scaleY(1);transform-origin:0 100%}100%{-webkit-transform:scaleY(1);transform-origin:0 0}}@keyframes drawframeLeft{0%{transform:scaleY(1);transform-origin:0 0}12.5%{transform:scaleY(0);transform-origin:0 0}50%{transform:scaleY(0);transform-origin:0 100%}62.5%{transform:scaleY(1);transform-origin:0 100%}100%{transform:scaleY(1);transform-origin:0 0}}@-webkit-keyframes imgLoading{0%{height:0%;opacity:1}95%{height:100%;opacity:1}100%{height:100%;opacity:0}}@keyframes imgLoading{0%{height:0%;opacity:1}95%{height:100%;opacity:1}100%{height:100%;opacity:0}}@-webkit-keyframes beat{0%{transform:scale(0);opacity:0}80%{transform:scale(1);opacity:.7}100%{transform:scale(1);opacity:0}}@keyframes beat{0%{transform:scale(0);opacity:0}80%{transform:scale(1);opacity:.7}100%{transform:scale(1);opacity:0}}body,html{opacity:1!important}#loftloader-wrapper{position:fixed;top:0;left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:999999;width:100%;height:100%;background:0 0!important}.loaded #loftloader-wrapper{-webkit-transform:translateX(-200vw);-ms-transform:translateX(-200vw);transform:translateX(-200vw);pointer-events:none;opacity:0;transition:opacity .1ms 1s,transform .1ms 2s}.loaded #loftloader-wrapper.slide-vertical{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}.loaded #loftloader-wrapper #loader,.loaded #loftloader-wrapper .loader-close-button{opacity:0;transition:all .3s ease-out}#loftloader-wrapper .loader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001;text-align:center;transition:all 0s;font-size:0}#loftloader-wrapper .loader-inner #loader{position:relative;z-index:1002;top:auto;left:auto;display:inline-block;margin:0 auto;padding:0;border:none;border-radius:0;background:0 0!important;color:#248acc}#loftloader-wrapper .loader-section{position:fixed;z-index:999;width:50%;height:100%;background:#000;opacity:.95;transition:all 0s;will-change:transform}#loftloader-wrapper .loader-section.section-fade{top:0;left:0;width:100%;will-change:opacity}.loaded #loftloader-wrapper .loader-section.section-fade{opacity:0!important;transition:opacity .7s .3s cubic-bezier(.645,.045,.355,1)}#loftloader-wrapper .loader-section.section-slide-up{top:0;left:0;width:100%}.loaded #loftloader-wrapper .loader-section.section-slide-up{-webkit-transform:translateY(-100vh);-ms-transform:translateY(-100vh);transform:translateY(-100vh);transition:transform .7s .3s cubic-bezier(.645,.045,.355,1)}#loftloader-wrapper .loader-section.section-left,#loftloader-wrapper .loader-section.section-right{top:0}#loftloader-wrapper .loader-section.section-left{left:0}.loaded #loftloader-wrapper .loader-section.section-left{transition:transform .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(-50vw);-ms-transform:translateX(-50vw);transform:translateX(-50vw)}#loftloader-wrapper .loader-section.section-right{right:0}.loaded #loftloader-wrapper .loader-section.section-right{transition:transform .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(50vw);-ms-transform:translateX(50vw);transform:translateX(50vw)}#loftloader-wrapper .loader-section.section-down,#loftloader-wrapper .loader-section.section-up{left:0;width:100%;height:50%}#loftloader-wrapper .loader-section.section-up{top:0}.loaded #loftloader-wrapper .loader-section.section-up{transition:transform .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(-50vh);-ms-transform:translateY(-50vh);transform:translateY(-50vh)}#loftloader-wrapper .loader-section.section-down{bottom:0}.loaded #loftloader-wrapper .loader-section.section-down{transition:transform .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(50vh);-ms-transform:translateY(50vh);transform:translateY(50vh)}#loftloader-wrapper.pl-sun #loader{width:50px;height:50px}#loftloader-wrapper.pl-sun #loader span{position:absolute;top:0;left:0;display:block;width:50px;height:50px;background:currentColor;opacity:.9;transform-origin:50% 50%;-webkit-animation:spinReturn 4s ease infinite;animation:spinReturn 4s ease infinite}#loftloader-wrapper.pl-sun #loader span:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:inherit;opacity:.9;content:"";transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#loftloader-wrapper.pl-circles #loader{width:100px;height:60px}#loftloader-wrapper.pl-circles #loader span,#loftloader-wrapper.pl-circles #loader:after,#loftloader-wrapper.pl-circles #loader:before{position:absolute;display:block;width:10px;height:10px;border-radius:50%;opacity:.2;background:currentColor}#loftloader-wrapper.pl-circles #loader span{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:lightUp 1.5s linear infinite .5s;animation:lightUp 1.5s linear infinite .5s}#loftloader-wrapper.pl-circles #loader:after,#loftloader-wrapper.pl-circles #loader:before{content:"";top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#loftloader-wrapper.pl-circles #loader:before{left:0;-webkit-animation:lightUp 1.5s linear infinite;animation:lightUp 1.5s linear infinite}#loftloader-wrapper.pl-circles #loader:after{right:0;-webkit-animation:lightUp 1.5s linear infinite 1s;animation:lightUp 1.5s linear infinite 1s}#loftloader-wrapper.pl-wave #loader{width:60px;height:30px}#loftloader-wrapper.pl-wave #loader span,#loftloader-wrapper.pl-wave #loader:after,#loftloader-wrapper.pl-wave #loader:before{position:relative;display:inline-block;width:6px;height:100%;background:currentColor}#loftloader-wrapper.pl-wave #loader span{margin:0 16px;-webkit-animation:wave .9s linear infinite .3s;animation:wave .9s linear infinite .3s}#loftloader-wrapper.pl-wave #loader:after,#loftloader-wrapper.pl-wave #loader:before{content:""}#loftloader-wrapper.pl-wave #loader:before{-webkit-animation:wave .9s linear infinite;animation:wave .9s linear infinite}#loftloader-wrapper.pl-wave #loader:after{-webkit-animation:wave .9s linear infinite .6s;animation:wave .9s linear infinite .6s}#loftloader-wrapper.pl-square #loader{width:50px;height:50px;transform-origin:50% 50%;-webkit-animation:spinReturn 4s ease infinite;animation:spinReturn 4s ease infinite}#loftloader-wrapper.pl-square #loader span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:4px solid currentColor;box-sizing:border-box;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#loftloader-wrapper.pl-frame #loader{width:80px;height:80px;max-width:90vw}#loftloader-wrapper.pl-frame #loader:after,#loftloader-wrapper.pl-frame #loader:before{position:absolute;width:100%;height:4px;background:currentColor;content:""}#loftloader-wrapper.pl-frame #loader:before{top:0;right:0;left:auto;-webkit-animation:drawframeTop 4s linear infinite;animation:drawframeTop 4s linear infinite}#loftloader-wrapper.pl-frame #loader:after{right:auto;bottom:0;left:0;-webkit-animation:drawframeBottom 4s linear infinite 1s;animation:drawframeBottom 4s linear infinite 1s}#loftloader-wrapper.pl-frame #loader span{position:absolute;top:0;left:0;display:block;width:100%;height:100%}#loftloader-wrapper.pl-frame #loader span:after,#loftloader-wrapper.pl-frame #loader span:before{position:absolute;width:4px;height:100%;background:currentColor;content:""}#loftloader-wrapper.pl-frame #loader span:before{top:auto;right:0;bottom:0;-webkit-animation:drawframeRight 4s linear infinite .5s;animation:drawframeRight 4s linear infinite .5s}#loftloader-wrapper.pl-frame #loader span:after{top:0;bottom:auto;left:0;-webkit-animation:drawframeLeft 4s linear infinite 1.5s;animation:drawframeLeft 4s linear infinite 1.5s}#loftloader-wrapper.pl-frame #loader img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;max-width:80%;max-height:80%}#loftloader-wrapper.pl-imgloading #loader{width:auto;height:auto;max-width:90vw}#loftloader-wrapper.pl-imgloading #loader img{position:relative;z-index:1;display:block;width:100%;height:auto;margin:0 auto}#loftloader-wrapper.pl-imgloading #loader img{opacity:.3}#loftloader-wrapper.pl-imgloading #loader .imgloading-container{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:0%;transition:0s;overflow:hidden;-webkit-animation:imgLoading 6s linear infinite;animation:imgLoading 6s linear infinite;will-change:height,opacity;transform-origin:0 100%}#loftloader-wrapper.pl-imgloading #loader span{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center bottom;transition:0s}#loftloader-wrapper.pl-beating #loader{width:60px;height:60px}#loftloader-wrapper.pl-beating #loader span,#loftloader-wrapper.pl-beating #loader:before{position:absolute;top:0;left:0;display:block;width:60px;height:60px;border-radius:50%;background:currentColor;box-shadow:0 0 50px;opacity:0}#loftloader-wrapper.pl-beating #loader span{-webkit-animation:beat 1.5s linear infinite;animation:beat 1.5s linear infinite}#loftloader-wrapper.pl-beating #loader:before{content:"";-webkit-animation:beat 1.5s linear infinite 1s;animation:beat 1.5s linear infinite 1s}.loader-close-button{position:fixed;right:10px;top:10px;z-index:99999;box-sizing:border-box;width:auto;min-width:35px;height:35px;padding:5px 30px 5px 5px;border-radius:999px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;line-height:25px;cursor:pointer}.loader-close-button:hover{background:rgba(0,0,0,.7)}.loader-close-button:after,.loader-close-button:before{position:absolute;top:16px;right:9px;display:block;width:18px;height:2px;transform-origin:50% 50%;content:"";background:#fff}.loader-close-button:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.loader-close-button:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.loader-close-button .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);overflow:hidden;word-wrap:normal!important}.loader-close-button .close-des{padding:0 5px;font-size:12px}

  • loftloader/trunk/assets/scss/_loftloader-mixins.scss

    r1610323 r2513118  
    2222
    2323@mixin endTransition {
    24     transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     24    transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    2525}
    2626
    2727@mixin endBgSplitLeft {
    2828    @include endTransition;
    29     @include transform(translateX(-100%));
     29    @include transform(translateX(-50vw));
    3030}
    3131
    3232@mixin endBgSplitRight {
    3333    @include endTransition;
    34     @include transform(translateX(100%));
     34    @include transform(translateX(50vw));
    3535}
    3636
    3737@mixin endBgSplitUp {
    3838    @include endTransition;
    39     @include transform(translateY(-100%));
     39    @include transform(translateY(-50vh));
    4040}
    4141
    4242@mixin endBgSplitDown {
    4343    @include endTransition;
    44     @include transform(translateY(100%));
     44    @include transform(translateY(50vh));
    4545}
    4646
    4747@mixin endBgFade {
    4848    opacity: 0 !important;
    49     @include endTransition;
     49    transition: opacity 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    5050}
    5151
    5252@mixin endBgUp {
    53     @include transform(translateY(-100%));
     53    @include transform(translateY(-100vh));
    5454    @include endTransition;
    5555}

  • loftloader/trunk/assets/scss/loftloader-settings.scss

    r2421952 r2513118  
    77 * Author URI: http://www.loftocean.com
    88 * 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.3.4
     9 * Version: 2.3.0
    1010*/
    1111
    … …  
    144144        @include roundedcorner;
    145145    }
    146 
     146   
    147147    input[type="text"],
    148148    input[type="number"],

  • loftloader/trunk/assets/scss/loftloader.scss

    r2421952 r2513118  
    33 *
    44 * Plugin Name: LoftLoader
    5  * Plugin URI: http://www.loftocean.com/loftloader
    6  * Author: Kaylolo Yinxi Chen @Loft.Ocean
    7  * Author URI: http://www.loftocean.com
     5 * Plugin URI: https://www.loftocean.com/loftloader
     6 * Author: The Loft.Ocean Team
     7 * Author URI: https://www.loftocean.com
    88 * 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.3.4
     9 * Version: 2.3.6
    1010*/
    1111
    … …  
    3232    // After the page content has been loaded:
    3333    .loaded & {
    34         @include transform(translateX(-200%));
    35         visibility: hidden;
     34        @include transform(translateX(-200vw));
    3635        pointer-events: none;
    37         transition: all;
    38         transition-delay: 1s;
     36        opacity: 0;
     37        transition: opacity 0.0001s 1s, transform 0.0001s 2s;
    3938
    4039        &.slide-vertical {

  • loftloader/trunk/inc/class-loftloader-front.php

    r2421952 r2513118  
    189189                        }
    190190                        if ( in_array( $this->type, array( 'frame', 'imgloading' ) ) ) {
    191                             $html .= sprintf(
    192                                 '<img data-no-lazy="1" class="skip-lazy" alt="%1$s" src="%2$s">',
    193                                 esc_attr__( 'loader image', 'loftloader-pro' ),
    194                                 esc_url( $image )
    195                             );
     191                            $html .= $this->get_loader_image( $image, $this->type );
    196192                        }
    197193                    }
    … …  
    324320            return $class;
    325321        }
     322        /**
     323        * Get loader image
     324        */
     325        protected function get_loader_image( $img, $type ) {
     326            if ( empty( $img ) ) return '';
     327
     328            $width = 80;
     329            $height = 80;
     330            $is_frame = ( 'frame' == $type );
     331
     332            $pid = attachment_url_to_postid( $img );
     333            $has_valid_image_attrs = false;
     334            $image_attrs = array();
     335            if ( empty( $pid ) ) {
     336                $info = getimagesize( $img );
     337                if ( $has_valid_image_attrs = ( ! empty( $info[1] ) ) && ( $info[0] > 1 ) ) {
     338                    $image_attrs = array( 'width' => $info[0], 'height' => $info[1] );
     339                }
     340            } else {
     341                $image = wp_get_attachment_image_src( $pid, 'full' );
     342                if ( $has_valid_image_attrs = ( $image[1] > 1 ) ) {
     343                    $image_attrs = array( 'width' => $image[1], 'height' => $image[2] );
     344                }
     345            }
     346            if ( $is_frame ) {
     347                if ( $has_valid_image_attrs ) {
     348                    $width = $image_attrs['width'];
     349                    $height = $image_attrs['height'];
     350                }
     351            } else {
     352                $width = intval( $this->get_loader_setting( 'loftloader_img_width' ) );
     353                $width = ( $width > 0 ) ? $width : 76;
     354                $height = $has_valid_image_attrs ? ( $image_attrs['height'] / $image_attrs['width'] * $width ) : $width;
     355            }
     356            return sprintf(
     357                    '<img width="%3$s" height="%4$s" data-no-lazy="1" class="skip-lazy" alt="%1$s" src="%2$s">',
     358                    esc_attr__( 'loader image', 'loftloader-pro' ),
     359                    esc_url( $img ),
     360                    esc_attr( $width ),
     361                    esc_attr( intval( $height ) )
     362                );
     363        }
    326364    }
    327365    new LoftLoader_Front();

  • loftloader/trunk/loftloader.php

    r2461794 r2513118  
    44Plugin URI: http://www.loftocean.com/
    55Description: An easy to use plugin to add an animated preloader to your website with fully customisations.
    6 Version: 2.3.5
     6Version: 2.3.6
    77Author: Loft.Ocean
    88Author URI: http://www.loftocean.com/
    … …  
    3333    define( 'LOFTLOADER_NAME', plugin_basename( __FILE__  ) );
    3434    define( 'LOFTLOADER_URI',  plugin_dir_url( __FILE__ ) );
    35     define( 'LOFTLOADER_ASSET_VERSION', '2021012401' );
     35    define( 'LOFTLOADER_ASSET_VERSION', '2021041202' );
    3636
    3737    class LoftLoader {

  • loftloader/trunk/readme.txt

    r2461794 r2513118  
    44Donate link:
    55Requires at least: 4.7
    6 Tested up to: 5.6
    7 Stable tag: 2.3.5
     6Tested up to: 5.7
     7Stable tag: 2.3.6
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    9797
    9898== Changelog ==
     99= 2.3.6 =
     100* Improved: Added width and height attributes to image elements
     101* Improved: Removed most of non-composited animations
     102
    99103= 2.3.5 =
    100104* Improved: Compatibility with WordPress 5.6
Note: See TracChangeset for help on using the changeset viewer.