From: nael Date: Thu, 20 Dec 2018 10:13:52 +0000 (+0100) Subject: wait #2427 @0.4 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=fc4658cc2385737af29e2c58685a31d9e1e1abab;p=Animations.git wait #2427 @0.4 --- diff --git a/AccordHotel-p60/p60-animleft/countUp.min.js b/AccordHotel-p60/p60-animleft/countUp.min.js new file mode 100644 index 0000000..c17c47b --- /dev/null +++ b/AccordHotel-p60/p60-animleft/countUp.min.js @@ -0,0 +1 @@ +!function(a,n){"function"==typeof define&&define.amd?define(n):"object"==typeof exports?module.exports=n(require,exports,module):a.CountUp=n()}(this,function(a,n,t){return function(a,n,t,e,i,r){var u=this;if(u.version=function(){return"1.9.3"},u.options={useEasing:!0,useGrouping:!0,separator:",",decimal:".",easingFn:function(a,n,t,e){return t*(1-Math.pow(2,-10*a/e))*1024/1023+n},formattingFn:function(a){var n,t,e,i,r,o,s=a<0;if(a=Math.abs(a).toFixed(u.decimals),n=(a+="").split("."),t=n[0],e=1u.endVal,u.frameVal=u.startVal,u.initialized=!0):(u.error="[CountUp] startVal ("+n+") or endVal ("+t+") is not a number",!1)):!(u.error="[CountUp] target is null or undefined"))},u.printValue=function(a){var n=u.options.formattingFn(a);"INPUT"===u.d.tagName?this.d.value=n:"text"===u.d.tagName||"tspan"===u.d.tagName?this.d.textContent=n:this.d.innerHTML=n},u.count=function(a){u.startTime||(u.startTime=a);var n=(u.timestamp=a)-u.startTime;u.remaining=u.duration-n,u.options.useEasing?u.countDown?u.frameVal=u.startVal-u.options.easingFn(n,0,u.startVal-u.endVal,u.duration):u.frameVal=u.options.easingFn(n,u.startVal,u.endVal-u.startVal,u.duration):u.countDown?u.frameVal=u.startVal-(u.startVal-u.endVal)*(n/u.duration):u.frameVal=u.startVal+(u.endVal-u.startVal)*(n/u.duration),u.countDown?u.frameVal=u.frameValu.endVal?u.endVal:u.frameVal,u.frameVal=Math.round(u.frameVal*u.dec)/u.dec,u.printValue(u.frameVal),nu.endVal,u.rAF=requestAnimationFrame(u.count))):u.error="[CountUp] update() - new endVal is not a number: "+a)},u.initialize()&&u.printValue(u.startVal)}}); \ No newline at end of file diff --git a/AccordHotel-p60/p60-animleft/gotham-bold.woff b/AccordHotel-p60/p60-animleft/gotham-bold.woff new file mode 100644 index 0000000..3ba9f64 Binary files /dev/null and b/AccordHotel-p60/p60-animleft/gotham-bold.woff differ diff --git a/AccordHotel-p60/p60-animleft/gotham-htf-medium.woff b/AccordHotel-p60/p60-animleft/gotham-htf-medium.woff new file mode 100644 index 0000000..213a928 Binary files /dev/null and b/AccordHotel-p60/p60-animleft/gotham-htf-medium.woff differ diff --git a/AccordHotel-p60/p60-animleft/gothamhtf-book.woff b/AccordHotel-p60/p60-animleft/gothamhtf-book.woff new file mode 100644 index 0000000..d028b51 Binary files /dev/null and b/AccordHotel-p60/p60-animleft/gothamhtf-book.woff differ diff --git a/AccordHotel-p60/p60-animleft/index.html b/AccordHotel-p60/p60-animleft/index.html index 79dfc20..e529cc7 100644 --- a/AccordHotel-p60/p60-animleft/index.html +++ b/AccordHotel-p60/p60-animleft/index.html @@ -11,12 +11,45 @@
- + + +
+
+
+
+ + 82 + 20,775 + 23 + 18 + 4,174 + 51 + 13,345 + 13 + 3,254 + + hotels + rooms + countries + + EUROPE + hotels + rooms + + MIDDLE EAST
& AFRICA + hotels + rooms + + ASIA + hotels + rooms +
+ \ No newline at end of file diff --git a/AccordHotel-p60/p60-animleft/main.js b/AccordHotel-p60/p60-animleft/main.js index 307c90a..c7b97d0 100644 --- a/AccordHotel-p60/p60-animleft/main.js +++ b/AccordHotel-p60/p60-animleft/main.js @@ -1,5 +1,75 @@ let tl = new TimelineMax(); tl.from('.img1',1.5,{display: 'none',x: -150,opacity:0}); -tl.from('.img2',1.5,{display: 'none',x: -150,opacity:0},"-=0.9"); -tl.from('.img3',1.5,{display: 'none',x: -150,opacity:0},"-=0.9"); +tl.from('.img2',1.5,{display: 'none',x: -150,opacity:0},"+=0.2"); +// tl.from('.img3',1.5,{display: 'none',x: -150,opacity:0},"-=0.9"); + +tl.from('.numbers',1,{opacity:0},'+=5'); + +var delay = 9.2; + +var id1 = document.getElementById("number1"); +var id2 = document.getElementById("number2"); +var id3 = document.getElementById("number3"); +var id6 = document.getElementById("number6"); +var id4 = document.getElementById("number4"); +var id5 = document.getElementById("number5"); +var id7 = document.getElementById("number7"); +var id8 = document.getElementById("number8"); +var id9 = document.getElementById("number9"); + +var hidden = 0; +var visible = 1; +var dureeOpacite = delay * 1000; + +var options = { + useEasing: true, + useGrouping: true, + separator: ',', + decimal: '.', +}; +var number1 = new CountUp('number1', 0, 82, 0, 2.5, options); +var number2 = new CountUp('number2', 0, 20775, 0, 2.5, options); +var number6 = new CountUp('number6', 0, 51, 0, 2.5, options); +var number4 = new CountUp('number4', 0, 18, 0, 2.5, options); +var number5 = new CountUp('number5', 0, 4174, 0, 2.5, options); +var number3 = new CountUp('number3', 0, 23, 0, 2.5, options); +var number7 = new CountUp('number7', 0, 13345, 0, 2.5, options); +var number8 = new CountUp('number8', 0, 13, 0, 2.5, options); +var number9 = new CountUp('number9', 0, 3254, 0, 2.5, options); +if (delay > 0){ + id1.style.opacity = hidden; + id2.style.opacity = hidden; + id6.style.opacity = hidden; + id4.style.opacity = hidden; + id5.style.opacity = hidden; + id3.style.opacity = hidden; + id7.style.opacity = hidden; + id8.style.opacity = hidden; + id9.style.opacity = hidden; + setTimeout(function () { + id1.style.opacity = visible; + id2.style.opacity = visible; + id6.style.opacity = visible; + id4.style.opacity = visible; + id5.style.opacity = visible; + id3.style.opacity = visible; + id7.style.opacity = visible; + id8.style.opacity = visible; + id9.style.opacity = visible; + },dureeOpacite ); +} +function run() { + setTimeout(function () { + number1.start(); + number2.start(); + number6.start(); + number4.start(); + number5.start(); + number3.start(); + number7.start(); + number8.start(); + number9.start(); + }, delay * 1000); +} +run(); diff --git a/AccordHotel-p60/p60-animleft/style.css b/AccordHotel-p60/p60-animleft/style.css index ccc0cd6..e739c17 100644 --- a/AccordHotel-p60/p60-animleft/style.css +++ b/AccordHotel-p60/p60-animleft/style.css @@ -6,6 +6,15 @@ display: none; position: absolute; } +@font-face { + font-family: Gotham-Bold; + src: url("gotham-bold.woff"); } +@font-face { + font-family: GothamHTF-Book; + src: url("gothamhtf-book.woff"); } +@font-face { + font-family: GothamHTF-medium; + src: url("gotham-htf-medium.woff"); } .container { width: 402px; height: 750px; } @@ -31,4 +40,211 @@ top: 499px; left: 45px; } +.numbers { + position: absolute; + top: 0; } + +.line1 { + width: 264px; + height: 1px; + background: #EA2349; + position: absolute; + top: 499px; + left: 45px; } + +.line2 { + width: 264px; + height: 1px; + background: #EA2349; + position: absolute; + top: 540px; + left: 45px; } + +.line3 { + width: 264px; + height: 1px; + background: #EA2349; + position: absolute; + top: 595px; + left: 45px; } + +.number1 { + position: absolute; + font-family: Gotham-Bold; + color: #A82149; + top: 510px; + left: 45px; + font-size: 16px; } + +.txt1 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 518px; + left: 69px; + font-size: 8px; } + +/******************************* */ +.number2 { + position: absolute; + font-family: Gotham-Bold; + color: #A82149; + top: 510px; + left: 121px; + font-size: 16px; } + +.txt2 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 518px; + left: 181px; + font-size: 8px; } + +/******************************* */ +.number3 { + position: absolute; + font-family: Gotham-Bold; + color: #A82149; + top: 510px; + left: 234px; + font-size: 16px; } + +.txt3 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 518px; + left: 259px; + font-size: 8px; } + +/******************************** */ +.continent1 { + position: absolute; + font-family: Gotham-Bold; + color: #A82149; + top: 553px; + left: 45px; + font-size: 7px; + letter-spacing: 0.4px; } + +.number4 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 562px; + left: 45px; + font-size: 7px; } + +.txt4 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 562px; + left: 54px; + font-size: 6px; } + +.number5 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 569px; + left: 45px; + font-size: 7px; } + +.txt5 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 569px; + left: 64px; + font-size: 6px; } + +/******************************** */ +.continent2 { + position: absolute; + font-family: Gotham-Bold; + color: #A82149; + top: 553px; + left: 121px; + font-size: 7px; + letter-spacing: 0.4px; + line-height: 9px; + width: 150px; } + +.number6 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 571px; + left: 121px; + font-size: 7px; } + +.txt6 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 571px; + left: 130px; + font-size: 6px; } + +.number7 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 578px; + left: 121px; + font-size: 7px; } + +.txt7 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 578px; + left: 145px; + font-size: 6px; } + +/******************************** */ +.continent3 { + position: absolute; + font-family: Gotham-Bold; + color: #A82149; + top: 553px; + left: 206px; + font-size: 7px; + letter-spacing: 0.4px; + line-height: 9px; } + +.number8 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 562px; + left: 206px; + font-size: 7px; } + +.txt8 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 562px; + left: 215px; + font-size: 6px; } + +.number9 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 569px; + left: 206px; + font-size: 7px; } + +.txt9 { + position: absolute; + font-family: GothamHTF-Book; + color: #A82149; + top: 569px; + left: 227px; + font-size: 6px; } + /*# sourceMappingURL=style.css.map */ diff --git a/AccordHotel-p60/p60-animleft/style.css.map b/AccordHotel-p60/p60-animleft/style.css.map index 53132f8..b11ff04 100644 --- a/AccordHotel-p60/p60-animleft/style.css.map +++ b/AccordHotel-p60/p60-animleft/style.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "AAAA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AACZ,OAAO;EACL,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;AACpB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;;AACf,GAAG;EACD,QAAQ,EAAE,QAAQ;;AACpB,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,KAAK;EACZ,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,IAAI;;AACZ,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,KAAK;EACZ,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,IAAI;;AACZ,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,KAAK;EACZ,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,IAAI", +"mappings": "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", "sources": ["style.sass"], "names": [], "file": "style.css" diff --git a/AccordHotel-p60/p60-animleft/style.sass b/AccordHotel-p60/p60-animleft/style.sass index 92e9c64..5fa8767 100644 --- a/AccordHotel-p60/p60-animleft/style.sass +++ b/AccordHotel-p60/p60-animleft/style.sass @@ -4,6 +4,17 @@ #canvas display: none position: absolute +$line: #EA2349 +$text: #A82149 +@font-face + font-family: Gotham-Bold + src: url("gotham-bold.woff") +@font-face + font-family: GothamHTF-Book + src: url("gothamhtf-book.woff") +@font-face + font-family: GothamHTF-medium + src: url("gotham-htf-medium.woff") .container width: 402px height: 750px @@ -23,4 +34,186 @@ position: absolute width: 264px top: 499px - left: 45px \ No newline at end of file + left: 45px +.numbers + position: absolute + top: 0 +.line1 + width: 264px + height: 1px + background: $line + position: absolute + top: 499px + left: 45px +.line2 + width: 264px + height: 1px + background: $line + position: absolute + top: 540px + left: 45px +.line3 + width: 264px + height: 1px + background: $line + position: absolute + top: 595px + left: 45px +.number1 + position: absolute + font-family: Gotham-Bold + color: $text + top: 510px + left: 45px + font-size: 16px +.txt1 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 518px + left: 69px + font-size: 8px +/********************************/ +.number2 + position: absolute + font-family: Gotham-Bold + color: $text + top: 510px + left: 121px + font-size: 16px +.txt2 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 518px + left: 181px + font-size: 8px +/********************************/ +.number3 + position: absolute + font-family: Gotham-Bold + color: $text + top: 510px + left: 234px + font-size: 16px +.txt3 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 518px + left: 259px + font-size: 8px +/*********************************/ +.continent1 + position: absolute + font-family: Gotham-Bold + color: $text + top: 553px + left: 45px + font-size: 7px + letter-spacing: 0.4px +.number4 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 562px + left: 45px + font-size: 7px +.txt4 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 562px + left: 54px + font-size: 6px +.number5 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 569px + left: 45px + font-size: 7px +.txt5 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 569px + left: 64px + font-size: 6px +/*********************************/ +.continent2 + position: absolute + font-family: Gotham-Bold + color: $text + top: 553px + left: 121px + font-size: 7px + letter-spacing: 0.4px + line-height: 9px + width: 150px +.number6 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 571px + left: 121px + font-size: 7px +.txt6 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 571px + left: 130px + font-size: 6px +.number7 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 578px + left: 121px + font-size: 7px +.txt7 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 578px + left: 145px + font-size: 6px +/*********************************/ +.continent3 + position: absolute + font-family: Gotham-Bold + color: $text + top: 553px + left: 206px + font-size: 7px + letter-spacing: 0.4px + line-height: 9px +.number8 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 562px + left: 206px + font-size: 7px +.txt8 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 562px + left: 215px + font-size: 6px +.number9 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 569px + left: 206px + font-size: 7px +.txt9 + position: absolute + font-family: GothamHTF-Book + color: $text + top: 569px + left: 227px + font-size: 6px \ No newline at end of file