fluidbook combines the convenience of reading a book

diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css index 70a2b5e..8386971 100644 --- a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css @@ -24,9 +24,8 @@ font-weight: 500; overflow: hidden; left: 84px; - z-index: 4; top: 351px; - width: 390px; } + width: 391px; } .line::before { content: ""; top: 0; @@ -34,11 +33,13 @@ position: absolute; width: 0; height: 100%; - background: #4AADC2; } + background: #4AADC2; + 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; } diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css.map b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css.map index 3bb0f00..aa1713f 100644 --- a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css.map +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "AAKA,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,EAjDT,OAAO;EAkDV,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;;;;IAqCpD,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": "AAKA,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,EAmCgB,KAAK;EAlCxB,KAAK,EAkC4B,KAAK;EAftC,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;EA/BZ,aAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,EAAoB;EACxC,UAAI;IACF,eAAe,EAAE,KAAmC;;AA+BxD,YAAY;EACV,cAAc,EAAE,OAAO;EACvB,OAAO,EAAE,CAAC;EAvCV,GAAG,EAwCiB,KAAK;EAvCzB,KAAK,EAuC8B,KAAK;EAtCxC,oBAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,IAAoB;EACxC,iBAAI;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", "sources": ["style.sass"], "names": [], "file": "style.css" diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.sass b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.sass index 62c75ed..a2dea28 100644 --- a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.sass +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.sass @@ -39,7 +39,7 @@ $delay_text:0.25s font-weight: 500 overflow: hidden left: $left - z-index: 4 + &::before content: '' top: 0 @@ -48,11 +48,14 @@ $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 - @include line($top:351px,$width: 390px, $line_delay:0s) + z-index: 1 + + @include line($top:351px,$width: 391px, $line_delay:0s) .secondblock letter-spacing: -0.15px