enable animations
This commit is contained in:
parent
76699566e3
commit
4f8edc0069
9
css/100-coming_soon.css
Normal file
9
css/100-coming_soon.css
Normal file
@ -0,0 +1,9 @@
|
||||
#coming_soon{
|
||||
background: #2b74b1;
|
||||
z-index: 10;
|
||||
color: white;
|
||||
text-shadow: 0 0 1em black;
|
||||
height: 50vh;
|
||||
margin-top: 100vh;
|
||||
padding-top: 50vh;
|
||||
}
|
@ -18,4 +18,5 @@ custom
|
||||
@import "4-content.css";
|
||||
@import "5-popover.css";
|
||||
@import "6-portfolio.css";
|
||||
@import "100-coming_soon.css";
|
||||
@import "7-responsive.css";
|
||||
|
12
js/main.js
12
js/main.js
@ -4,7 +4,7 @@
|
||||
let development_debug = false
|
||||
|
||||
let enable_animations = false
|
||||
// enable_animations = true
|
||||
enable_animations = true
|
||||
|
||||
if (enable_animations) {
|
||||
|
||||
@ -117,7 +117,7 @@ if (enable_animations) {
|
||||
top: -50,
|
||||
opacity: 1,
|
||||
duration: 3,
|
||||
scale: 1.5,
|
||||
scale: 1.15,
|
||||
ease: 'easeInOut',
|
||||
scrollTrigger: {
|
||||
trigger: '#content',
|
||||
@ -132,7 +132,7 @@ if (enable_animations) {
|
||||
top: -50,
|
||||
opacity: 1,
|
||||
duration: 2,
|
||||
scale: 1.25,
|
||||
scale: 1.15,
|
||||
ease: 'spline',
|
||||
scrollTrigger: {
|
||||
trigger: '#content',
|
||||
@ -145,11 +145,11 @@ if (enable_animations) {
|
||||
gsap.fromTo('#content_all_img',
|
||||
{
|
||||
scale: 0.8,
|
||||
left: -100
|
||||
left: -50
|
||||
},
|
||||
{
|
||||
scale: 1,
|
||||
left: -80,
|
||||
scale: 1.2,
|
||||
// left: 50,
|
||||
ease: 'linear',
|
||||
scrollTrigger: {
|
||||
trigger: '#content_all .columns',
|
||||
|
Loading…
Reference in New Issue
Block a user