Title

From: nael Date: Tue, 15 Jan 2019 15:49:28 +0000 (+0100) Subject: wait #2511 @0.45 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=9ab4837021fad9de0e071aa4b183cda46e36f22a;p=Animations.git wait #2511 @0.45 --- diff --git a/Fluidbook-presentation-btn/p36/font.woff b/Fluidbook-presentation-btn/p36/font.woff new file mode 100644 index 0000000..8a054ad Binary files /dev/null and b/Fluidbook-presentation-btn/p36/font.woff differ diff --git a/Fluidbook-presentation-btn/p36/index.html b/Fluidbook-presentation-btn/p36/index.html new file mode 100644 index 0000000..e2a4f95 --- /dev/null +++ b/Fluidbook-presentation-btn/p36/index.html @@ -0,0 +1,20 @@ + + + + + Title + + + +

+ +

+ + +

+ + + + \ No newline at end of file diff --git a/Fluidbook-presentation-btn/p36/main.js b/Fluidbook-presentation-btn/p36/main.js new file mode 100644 index 0000000..0fa88e2 --- /dev/null +++ b/Fluidbook-presentation-btn/p36/main.js @@ -0,0 +1,3 @@ +function btnClick() { + parent.fluidbook.links.triggerLinkById('b0d3d96600'); +} \ No newline at end of file diff --git a/Fluidbook-presentation-btn/p36/p36 (2).zip b/Fluidbook-presentation-btn/p36/p36 (2).zip new file mode 100644 index 0000000..87367ba Binary files /dev/null and b/Fluidbook-presentation-btn/p36/p36 (2).zip differ diff --git a/Fluidbook-presentation-btn/p36/style.css b/Fluidbook-presentation-btn/p36/style.css new file mode 100644 index 0000000..ee819a5 --- /dev/null +++ b/Fluidbook-presentation-btn/p36/style.css @@ -0,0 +1,63 @@ +* { + margin: 0; + padding: 0; } + +#canvas { + display: none; + position: absolute; } + +@font-face { + font-family: font; + src: url("font.woff"); } +.container { + width: 243px; + height: 29px; } + +.btn { + width: 243px; + height: 29px; + position: absolute; + border: 0; + background-image: linear-gradient(90deg, #7CBE79 0%, #6DBA9E 100%); + text-transform: uppercase; + color: white; + font-size: 8px; + transition: all 300ms ease-out; + -webkit-transition: all 300ms ease-out; + cursor: pointer; + font-family: font; + font-weight: 600; } + .btn::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-image: linear-gradient(to bottom, #19344D, #19344D); + z-index: -1; + -webkit-transition: all 300ms ease-out; + opacity: 0; } + .btn::after { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 2px solid; + border-image: linear-gradient(to left, #7CBE79 0%, #6DBA9E 100%); + border-image-slice: 1; + -webkit-transition: all 300ms ease-out; + z-index: 3; + opacity: 0; } + .btn:hover { + color: #74BC8C; + -webkit-transition: all 300ms ease-out; + z-index: 2; } + .btn:hover::before { + opacity: 1; } + .btn:hover::after { + opacity: 1; } + +/*# sourceMappingURL=style.css.map */ diff --git a/Fluidbook-presentation-btn/p36/style.css.map b/Fluidbook-presentation-btn/p36/style.css.map new file mode 100644 index 0000000..ee43bec --- /dev/null +++ b/Fluidbook-presentation-btn/p36/style.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AAAA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAMZ,OAAO;EACL,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;;EAElB,WAAW,EAAE,IAAI;EACjB,GAAG,EAAE,gBAAgB;AACvB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;;AACd,IAAI;EACF,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,CAAC;EACT,gBAAgB,EAjBP,gDAAuD;EAkBhE,cAAc,EAAE,SAAS;EACzB,KAAK,EAAE,KAAK;EACZ,SAAS,EAAE,GAAG;EACd,UAAU,EAAG,kBAAkB;EAC/B,kBAAkB,EAAG,kBAAkB;EACvC,MAAM,EAAE,OAAO;EACf,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,GAAG;EAChB,YAAS;IACP,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,gBAAgB,EAAE,4CAA+C;IACjE,OAAO,EAAE,EAAE;IACX,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;EACZ,WAAQ;IACN,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,kDAAyD;IACvE,kBAAkB,EAAE,CAAC;IACrB,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;EACZ,UAAO;IACL,KAAK,EAjDG,OAAO;IAkDf,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;IACV,kBAAS;MACP,OAAO,EAAE,CAAC;IACZ,iBAAQ;MACN,OAAO,EAAE,CAAC", +"sources": ["style.sass"], +"names": [], +"file": "style.css" +} \ No newline at end of file diff --git a/Fluidbook-presentation-btn/p36/style.sass b/Fluidbook-presentation-btn/p36/style.sass new file mode 100644 index 0000000..02907f7 --- /dev/null +++ b/Fluidbook-presentation-btn/p36/style.sass @@ -0,0 +1,63 @@ +* + margin: 0 + padding: 0 +$firstcolor: #7CBE79 +$lastcolor: #6DBA9E +$gradient: linear-gradient(90deg, $firstcolor 0%, $lastcolor 100%) +$darkBlue: #19344D +$textcolor: #74BC8C +#canvas + display: none + position: absolute +@font-face + font-family: font + src: url("font.woff") +.container + width: 243px + height: 29px +.btn + width: 243px + height: 29px + position: absolute + border: 0 + background-image: $gradient + text-transform: uppercase + color: white + font-size: 8px + transition: all 300ms ease-out + -webkit-transition: all 300ms ease-out + cursor: pointer + font-family: font + font-weight: 600 + &::before + position: absolute + content: "" + top: 0 + right: 0 + bottom: 0 + left: 0 + background-image: linear-gradient(to bottom, $darkBlue,$darkBlue) + z-index: -1 + -webkit-transition: all 300ms ease-out + opacity: 0 + &::after + position: absolute + content: "" + top: 0 + right: 0 + bottom: 0 + left: 0 + border: 2px solid + border-image: linear-gradient(to left, $firstcolor 0%, $lastcolor 100%) + border-image-slice: 1 + -webkit-transition: all 300ms ease-out + z-index: 3 + opacity: 0 + &:hover + color: $textcolor + -webkit-transition: all 300ms ease-out + z-index: 2 + &::before + opacity: 1 + &::after + opacity: 1