From: nael Date: Mon, 28 Jan 2019 13:11:17 +0000 (+0100) Subject: wait #2482 @0.05 debug animation reveal versions FR & EN X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=0399d5d515c50ab0c1c3befdea761be6187e7a6b;p=Animations.git wait #2482 @0.05 debug animation reveal versions FR & EN --- diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/Fluidbook-presentation-reveal-p20-EN.zip b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/Fluidbook-presentation-reveal-p20-EN.zip index 66d99cd..3b4c86e 100644 Binary files a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/Fluidbook-presentation-reveal-p20-EN.zip and b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/Fluidbook-presentation-reveal-p20-EN.zip differ diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/Fluidbook-presentation-reveal-p20.zip b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/Fluidbook-presentation-reveal-p20.zip index 55b9fa0..a280f10 100644 Binary files a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/Fluidbook-presentation-reveal-p20.zip and b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/Fluidbook-presentation-reveal-p20.zip differ diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/style.css b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/style.css index 8b9230a..1f70e12 100644 --- a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/style.css +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/style.css @@ -24,7 +24,6 @@ font-weight: 500; overflow: hidden; left: 84px; - z-index: 4; top: 408px; width: 401px; } .line::before { @@ -34,8 +33,10 @@ position: absolute; width: 0; height: 100%; - background: #7CBE79; } + background: #7CBE79; + z-index: 0; } .line span { + z-index: 1; opacity: 0; animation: appear-text 0.5s ease-out forwards; position: relative; } @@ -47,7 +48,6 @@ .secondblock { letter-spacing: -0.15px; - z-index: 3; top: 427px; width: 376px; } .secondblock::before { @@ -58,7 +58,6 @@ .thirdblock { letter-spacing: -0.15px; - z-index: 2; top: 446px; width: 274px; } .thirdblock::before { diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/style.css.map b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/style.css.map index 39c411e..70a8527 100644 --- a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/style.css.map +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/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,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,kCAAkC;IAC7C,QAAQ,EAAE,QAAQ;EA9BpB,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-p20/style.sass b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/style.sass index 86e4829..a6ff6f6 100644 --- a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/style.sass +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p20/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,7 +48,9 @@ $delay_text:0.25s width: 0 height: 100% background: $bg + z-index: 0 span + z-index: 1 opacity: 0 animation: appear-text 0.5s ease-out forwards position: relative @@ -57,12 +58,10 @@ $delay_text:0.25s .secondblock letter-spacing: -0.15px - z-index: 3 @include line($top: 427px, $width: 376px,$line_delay:0.3s) .thirdblock letter-spacing: -0.15px - z-index: 2 @include line($top: 446px, $width: 274px,$line_delay:0.6s) @keyframes rev-block