From: nael Date: Tue, 8 Jan 2019 13:17:25 +0000 (+0100) Subject: wait #2477 @0.20 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=3657b13a18f3e448282d52468d4fd4c500390ebc;p=Animations.git wait #2477 @0.20 --- diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/Montserrat-Regular.woff b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/Montserrat-Regular.woff new file mode 100644 index 0000000..af3b5ec Binary files /dev/null and b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/Montserrat-Regular.woff differ diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/index.html b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/index.html new file mode 100644 index 0000000..1026c88 --- /dev/null +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/index.html @@ -0,0 +1,21 @@ + + + + + Title + + + + +
+ +

+ fluidbook allie le confort de lecture du livre avec les +

+

+ avantages d'une expérience multimédia +

+
+ + + \ No newline at end of file diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css new file mode 100644 index 0000000..160034e --- /dev/null +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css @@ -0,0 +1,74 @@ +* { + margin: 0; + padding: 0; } + +@font-face { + font-family: Montserrat-Regular; + src: url("Montserrat-Regular.woff"); } +#canva { + display: none; + position: absolute; } + +.container { + width: 602px; + height: 779px; } + +.line { + position: absolute; + font-size: 12px; + letter-spacing: -0.1px; + color: white; + text-transform: uppercase; + padding: 0.6em 1em 0.6em 1em; + font-family: Montserrat-Regular; + font-weight: 500; + overflow: hidden; + left: 84px; + z-index: 4; + top: 260px; + width: 386px; } + .line::before { + content: ""; + top: 0; + left: 0; + position: absolute; + width: 0; + height: 100%; + background: #4AADC2; } + .line span { + opacity: 0; + animation: appear-text 0.5s ease-out forwards; + position: relative; } + .line::before { + animation: rev-block 0.5s ease-out forwards; + animation-delay: 1s; } + .line span { + animation-delay: 1.25s; } + +.secondblock { + letter-spacing: -0.15px; + z-index: 3; + top: 283px; + width: 282px; } + .secondblock::before { + animation: rev-block 0.5s ease-out forwards; + animation-delay: 1.3s; } + .secondblock span { + animation-delay: 1.55s; } + +@keyframes rev-block { + 0% { + left: 0; + width: 0; } + 100% { + left: 0; + width: 100%; } } +@keyframes appear-text { + 0% { + opacity: 0; + left: -30px; } + 100% { + opacity: 1; + left: 0; } } + +/*# sourceMappingURL=style.css.map */ diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css.map b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css.map new file mode 100644 index 0000000..3bb0f00 --- /dev/null +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css.map @@ -0,0 +1,7 @@ +{ +"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", +"sources": ["style.sass"], +"names": [], +"file": "style.css" +} \ No newline at end of file diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.sass b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.sass new file mode 100644 index 0000000..2e357c6 --- /dev/null +++ b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.sass @@ -0,0 +1,78 @@ +$bg: #4AADC2 +$left: 84px +$delay: 1s +$delay_text:0.25s + +* + margin: 0 + padding: 0 + +@font-face + font-family: Montserrat-Regular + src: url("Montserrat-Regular.woff") + +#canva + display: none + position: absolute + +.container + width: 602px + height: 779px + +@mixin line($top,$width, $line_delay) + top: $top + width: $width + &::before + animation: rev-block 0.5s ease-out forwards + animation-delay: $delay + $line_delay + span + animation-delay: ($delay + $line_delay + $delay_text) + +.line + position: absolute + font-size: 12px + letter-spacing: -0.1px + color: white + text-transform: uppercase + padding: 0.6em 1em 0.6em 1em + font-family: Montserrat-Regular + font-weight: 500 + overflow: hidden + left: $left + z-index: 4 + &::before + content: '' + top: 0 + left: 0 + position: absolute + width: 0 + height: 100% + background: $bg + span + opacity: 0 + animation: appear-text 0.5s ease-out forwards + position: relative + @include line($top:260px,$width: 386px, $line_delay:0s) + +.secondblock + letter-spacing: -0.15px + z-index: 3 + @include line($top: 283px, $width: 282px,$line_delay:0.3s) + + + +@keyframes rev-block + 0% + left: 0 + width: 0 + 100% + left: 0 + width: 100% + +@keyframes appear-text + 0% + opacity: 0 + left: -30px + 100% + opacity: 1 + left: 0 \ No newline at end of file