From: nael Date: Mon, 28 Jan 2019 13:12:19 +0000 (+0100) Subject: wait #2483 @0.05 debug animation reveal versions FR & EN X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=a0c5ac39fb52b6c5c4a095f38bb25d4631b79fbd;p=Animations.git wait #2483 @0.05 debug animation reveal versions FR & EN --- diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/Fluidbook-presentation-reveal-p22-EN.zip b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/Fluidbook-presentation-reveal-p22-EN.zip index 1812f80..c98eb81 100644 Binary files a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/Fluidbook-presentation-reveal-p22-EN.zip and b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/Fluidbook-presentation-reveal-p22-EN.zip differ diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/Fluidbook-presentation-reveal-p22.zip b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/Fluidbook-presentation-reveal-p22.zip index a701ac3..ffe6af7 100644 Binary files a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/Fluidbook-presentation-reveal-p22.zip and b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/Fluidbook-presentation-reveal-p22.zip differ diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.css b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.css index 5cb8e09..693feee 100644 --- a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.css +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.css @@ -24,7 +24,6 @@ font-weight: 500; overflow: hidden; left: 54px; - z-index: 4; top: 240px; width: 406px; } .line::before { @@ -34,11 +33,13 @@ position: absolute; width: 0; height: 100%; - background: #F9867E; } + background: #F9867E; + z-index: 0; } .line span { opacity: 0; animation: appear-text 0.5s ease-out forwards; - position: relative; } + position: relative; + z-index: 1; } .line::before { animation: rev-block 0.5s ease-out forwards; animation-delay: 1s; } @@ -47,7 +48,6 @@ .secondblock { letter-spacing: -0.15px; - z-index: 3; top: 259px; width: 373px; } .secondblock::before { @@ -58,7 +58,6 @@ .thirdblock { letter-spacing: -0.15px; - z-index: 2; top: 278px; width: 143px; } .thirdblock::before { diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.css.map b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.css.map index 39c411e..7ad69d6 100644 --- a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.css.map +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "AAMA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;;EAGV,WAAW,EAAE,kBAAkB;EAC/B,GAAG,EAAE,8BAA8B;AAErC,MAAM;EACJ,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;AAEpB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;;AAWf,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,MAAM;EACtB,KAAK,EAAE,KAAK;EACZ,cAAc,EAAE,SAAS;EACzB,OAAO,EAAE,mBAAmB;EAC5B,WAAW,EAAE,kBAAkB;EAC/B,WAAW,EAAE,GAAG;EAChB,QAAQ,EAAE,MAAM;EAChB,IAAI,EAvCC,IAAI;EAwCT,OAAO,EAAE,CAAC;EAnBV,GAAG,EAgCgB,KAAK;EA/BxB,KAAK,EA+B4B,KAAK;EAZtC,aAAS;IACP,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,IAAI;IACZ,UAAU,EAlDT,OAAO;EAmDV,UAAI;IACF,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,kCAAkC;IAC7C,QAAQ,EAAE,QAAQ;EA7BpB,aAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,EAAoB;EACxC,UAAI;IACF,eAAe,EAAE,KAAmC;;AA4BxD,YAAY;EACV,cAAc,EAAE,OAAO;EACvB,OAAO,EAAE,CAAC;EApCV,GAAG,EAqCiB,KAAK;EApCzB,KAAK,EAoC8B,KAAK;EAnCxC,oBAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,IAAoB;EACxC,iBAAI;IACF,eAAe,EAAE,KAAmC;;AAiCxD,WAAW;EACT,cAAc,EAAE,OAAO;EACvB,OAAO,EAAE,CAAC;EAzCV,GAAG,EA0CiB,KAAK;EAzCzB,KAAK,EAyC8B,KAAK;EAxCxC,mBAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,IAAoB;EACxC,gBAAI;IACF,eAAe,EAAE,KAAmC;;;;IAwCpD,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;;IAER,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,IAAI;;;IAIX,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,KAAK;;IAEX,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,CAAC", +"mappings": "AAMA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;;EAGV,WAAW,EAAE,kBAAkB;EAC/B,GAAG,EAAE,8BAA8B;AAErC,MAAM;EACJ,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;AAEpB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;;AAWf,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,MAAM;EACtB,KAAK,EAAE,KAAK;EACZ,cAAc,EAAE,SAAS;EACzB,OAAO,EAAE,mBAAmB;EAC5B,WAAW,EAAE,kBAAkB;EAC/B,WAAW,EAAE,GAAG;EAChB,QAAQ,EAAE,MAAM;EAChB,IAAI,EAvCC,IAAI;EAqBT,GAAG,EAiCgB,KAAK;EAhCxB,KAAK,EAgC4B,KAAK;EAdtC,aAAS;IACP,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,IAAI;IACZ,UAAU,EAjDT,OAAO;IAkDR,OAAO,EAAE,CAAC;EACZ,UAAI;IACF,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,kCAAkC;IAC7C,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC;EA9BZ,aAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,EAAoB;EACxC,UAAI;IACF,eAAe,EAAE,KAAmC;;AA6BxD,YAAY;EACV,cAAc,EAAE,OAAO;EApCvB,GAAG,EAqCiB,KAAK;EApCzB,KAAK,EAoC8B,KAAK;EAnCxC,oBAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,IAAoB;EACxC,iBAAI;IACF,eAAe,EAAE,KAAmC;;AAiCxD,WAAW;EACT,cAAc,EAAE,OAAO;EAxCvB,GAAG,EAyCiB,KAAK;EAxCzB,KAAK,EAwC8B,KAAK;EAvCxC,mBAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,IAAoB;EACxC,gBAAI;IACF,eAAe,EAAE,KAAmC;;;;IAuCpD,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;;IAER,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,IAAI;;;IAIX,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,KAAK;;IAEX,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,CAAC", "sources": ["style.sass"], "names": [], "file": "style.css" diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.sass b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.sass index b90e233..f11b2f2 100644 --- a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.sass +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p22/style.sass @@ -40,7 +40,6 @@ $delay_text:0.25s font-weight: 500 overflow: hidden left: $left - z-index: 4 &::before content: '' top: 0 @@ -49,20 +48,20 @@ $delay_text:0.25s width: 0 height: 100% background: $bg + z-index: 0 span opacity: 0 animation: appear-text 0.5s ease-out forwards position: relative + z-index: 1 @include line($top:240px,$width: 406px, $line_delay:0s) .secondblock letter-spacing: -0.15px - z-index: 3 @include line($top: 259px, $width: 373px,$line_delay:0.3s) .thirdblock letter-spacing: -0.15px - z-index: 2 @include line($top: 278px, $width: 143px,$line_delay:0.6s) @keyframes rev-block