Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit ecea910

Browse filesBrowse files
sdrassdras
committed
is Chrome conditionals for progressive rendering
1 parent 67b6ae2 commit ecea910
Copy full SHA for ecea910

File tree

Expand file treeCollapse file tree

3 files changed

+101
-39
lines changed
Filter options
Expand file treeCollapse file tree

3 files changed

+101
-39
lines changed

‎pages/index.vue

Copy file name to clipboardExpand all lines: pages/index.vue
+27-8Lines changed: 27 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,14 @@ export default {
5858
transformOrigin: '50% 50%',
5959
ease: Sine.easeOut
6060
}, -0.003, 'start')
61+
} else {
62+
tl.from('.mount', 0.8, {
63+
rotation: 45,
64+
opacity: 0.2,
65+
scale: 0.5,
66+
transformOrigin: '50% 50%',
67+
ease: Sine.easeOut
68+
}, 'start')
6169
}
6270
tl.staggerFrom('#lines g line, #lines g path, #circles circle', 0.8, {
6371
scale: 0,
@@ -81,7 +89,8 @@ export default {
8189
},
8290
leave (el, done) {
8391
console.log('leave from index')
84-
let tl = new TimelineMax({ onComplete: done });
92+
let tl = new TimelineMax({ onComplete: done }),
93+
isChrome = !!window.chrome && !!window.chrome.webstore;
8594
8695
TweenMax.set('h1', {
8796
transformPerspective: 600,
@@ -96,13 +105,23 @@ export default {
96105
transformOrigin: '50% 50%',
97106
ease: Sine.easeIn
98107
}, 'leave')
99-
tl.staggerTo('.maplines g path', 0.8, {
100-
rotation: -45,
101-
opacity: 0.2,
102-
scale: 0.5,
103-
transformOrigin: '50% 50%',
104-
ease: Sine.easeIn
105-
}, 0.003, 'leave')
108+
if (isChrome) {
109+
tl.staggerTo('.maplines g path', 0.8, {
110+
rotation: -45,
111+
opacity: 0.2,
112+
scale: 0.5,
113+
transformOrigin: '50% 50%',
114+
ease: Sine.easeIn
115+
}, 0.003, 'leave')
116+
} else {
117+
tl.to('.mount', 0.8, {
118+
rotation: -45,
119+
opacity: 0.2,
120+
scale: 0.5,
121+
transformOrigin: '50% 50%',
122+
ease: Sine.easeIn
123+
}, 'leave')
124+
}
106125
tl.staggerFrom('#lines g line, #lines g path, #circles circle', 0.8, {
107126
scale: 0,
108127
transformOrigin: '50% 50%',

‎pages/prata.vue

Copy file name to clipboardExpand all lines: pages/prata.vue
+38-16Lines changed: 38 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,8 @@ export default {
3636
console.log('enter from prata')
3737
let tl = new TimelineMax({ onComplete: done }),
3838
spt = new SplitText('h1', {type: 'chars' }),
39-
chars = spt.chars;
39+
chars = spt.chars,
40+
isChrome = !!window.chrome && !!window.chrome.webstore;
4041
4142
TweenMax.set(chars, {
4243
transformPerspective: 600,
@@ -50,13 +51,23 @@ export default {
5051
transformOrigin: '50% 50%',
5152
ease: Sine.easeOut
5253
}, 'start')
53-
tl.staggerFrom('.maplines g path', 0.8, {
54-
rotation: 45,
55-
opacity: 0.2,
56-
scale: 0.5,
57-
transformOrigin: '50% 50%',
58-
ease: Sine.easeOut
59-
}, 0.003, 'start')
54+
if (isChrome) {
55+
tl.staggerFrom('.maplines g path', 0.8, {
56+
rotation: 45,
57+
opacity: 0.2,
58+
scale: 0.5,
59+
transformOrigin: '50% 50%',
60+
ease: Sine.easeOut
61+
}, 0.003, 'start')
62+
} else {
63+
tl.from('.mount', 0.8, {
64+
rotation: 45,
65+
opacity: 0.2,
66+
scale: 0.5,
67+
transformOrigin: '50% 50%',
68+
ease: Sine.easeOut
69+
}, 'start')
70+
}
6071
tl.staggerFrom('#lines g line, #lines g path, #circles circle, #circles path', 0.8, {
6172
scale: 0,
6273
transformOrigin: '50% 50%',
@@ -81,7 +92,8 @@ export default {
8192
console.log('leave from prata')
8293
let tl = new TimelineMax({ onComplete: done }),
8394
spt2 = new SplitText('h1', {type: 'chars' }),
84-
chars2 = spt2.chars;
95+
chars2 = spt2.chars,
96+
isChrome = !!window.chrome && !!window.chrome.webstore;
8597
8698
TweenMax.set(chars2, {
8799
transformPerspective: 600,
@@ -96,13 +108,23 @@ export default {
96108
transformOrigin: '50% 50%',
97109
ease: Sine.easeIn
98110
}, 'leave')
99-
tl.staggerTo('.maplines g path', 0.8, {
100-
rotation: -45,
101-
opacity: 0.2,
102-
scale: 0.5,
103-
transformOrigin: '50% 50%',
104-
ease: Sine.easeIn
105-
}, 0.003, 'leave')
111+
if (isChrome) {
112+
tl.staggerTo('.maplines g path', 0.8, {
113+
rotation: -45,
114+
opacity: 0.2,
115+
scale: 0.5,
116+
transformOrigin: '50% 50%',
117+
ease: Sine.easeIn
118+
}, 0.003, 'leave')
119+
} else {
120+
tl.to('.mount', 0.8, {
121+
rotation: -45,
122+
opacity: 0.2,
123+
scale: 0.5,
124+
transformOrigin: '50% 50%',
125+
ease: Sine.easeIn
126+
}, 'leave')
127+
}
106128
tl.staggerFrom('#lines g line, #lines g path, #circles circle, #circles path', 1, {
107129
scale: 0,
108130
rotation: 180,

‎pages/rufina.vue

Copy file name to clipboardExpand all lines: pages/rufina.vue
+36-15Lines changed: 36 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,8 @@ export default {
3636
console.log('enter from rufina')
3737
let tl = new TimelineMax({ onComplete: done }),
3838
spt = new SplitText('h1', {type: 'chars' }),
39-
chars = spt.chars;
39+
chars = spt.chars,
40+
isChrome = !!window.chrome && !!window.chrome.webstore;
4041
4142
TweenMax.set(chars, {
4243
transformPerspective: 600,
@@ -50,12 +51,21 @@ export default {
5051
transformOrigin: '50% 50%',
5152
ease: Sine.easeOut
5253
}, 'start')
53-
tl.staggerFrom('.maplines g path', 0.8, {
54-
opacity: 0,
55-
rotation: -40,
56-
transformOrigin: '50% 50%',
57-
ease: Sine.easeOut
58-
}, -0.001, 'start')
54+
if (isChrome) {
55+
tl.staggerFrom('.maplines g path', 0.8, {
56+
opacity: 0,
57+
rotation: -40,
58+
transformOrigin: '50% 50%',
59+
ease: Sine.easeOut
60+
}, -0.001, 'start')
61+
} else {
62+
tl.from('.mount', 0.8, {
63+
opacity: 0,
64+
rotation: -40,
65+
transformOrigin: '50% 50%',
66+
ease: Sine.easeOut
67+
}, 'start')
68+
}
5969
tl.staggerFrom('#lines g line, #lines g path, #circles circle, #circles ellipse', 0.8, {
6070
scale: 0,
6171
transformOrigin: '50% 50%',
@@ -80,7 +90,8 @@ export default {
8090
console.log('leave from rufina')
8191
let tl = new TimelineMax({ onComplete: done }),
8292
spt2 = new SplitText('h1', {type: 'chars' }),
83-
chars2 = spt2.chars;
93+
chars2 = spt2.chars,
94+
isChrome = !!window.chrome && !!window.chrome.webstore;
8495
8596
TweenMax.set(chars2, {
8697
transformPerspective: 600,
@@ -95,13 +106,23 @@ export default {
95106
transformOrigin: '50% 50%',
96107
ease: Sine.easeIn
97108
}, 'leave')
98-
tl.staggerTo('.maplines g path', 0.8, {
99-
rotation: -45,
100-
opacity: 0.2,
101-
scale: 0.5,
102-
transformOrigin: '50% 50%',
103-
ease: Sine.easeIn
104-
}, 0.003, 'leave')
109+
if (isChrome) {
110+
tl.staggerTo('.maplines g path', 0.8, {
111+
rotation: -45,
112+
opacity: 0.2,
113+
scale: 0.5,
114+
transformOrigin: '50% 50%',
115+
ease: Sine.easeIn
116+
}, 0.003, 'leave')
117+
} else {
118+
tl.to('.mount', 0.8, {
119+
rotation: -45,
120+
opacity: 0.2,
121+
scale: 0.5,
122+
transformOrigin: '50% 50%',
123+
ease: Sine.easeIn
124+
}, 'leave')
125+
}
105126
tl.staggerFrom('#lines g line, #lines g path, #circles circle, #circles ellipse', 1, {
106127
scale: 0,
107128
transformOrigin: '50% 50%',

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.