enable animations

This commit is contained in:
Tykayn 2023-05-11 15:00:25 +02:00 committed by tykayn
parent 76699566e3
commit 4f8edc0069
3 changed files with 16 additions and 6 deletions

9
css/100-coming_soon.css Normal file
View 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;
}

View File

@ -18,4 +18,5 @@ custom
@import "4-content.css"; @import "4-content.css";
@import "5-popover.css"; @import "5-popover.css";
@import "6-portfolio.css"; @import "6-portfolio.css";
@import "100-coming_soon.css";
@import "7-responsive.css"; @import "7-responsive.css";

View File

@ -4,7 +4,7 @@
let development_debug = false let development_debug = false
let enable_animations = false let enable_animations = false
// enable_animations = true enable_animations = true
if (enable_animations) { if (enable_animations) {
@ -117,7 +117,7 @@ if (enable_animations) {
top: -50, top: -50,
opacity: 1, opacity: 1,
duration: 3, duration: 3,
scale: 1.5, scale: 1.15,
ease: 'easeInOut', ease: 'easeInOut',
scrollTrigger: { scrollTrigger: {
trigger: '#content', trigger: '#content',
@ -132,7 +132,7 @@ if (enable_animations) {
top: -50, top: -50,
opacity: 1, opacity: 1,
duration: 2, duration: 2,
scale: 1.25, scale: 1.15,
ease: 'spline', ease: 'spline',
scrollTrigger: { scrollTrigger: {
trigger: '#content', trigger: '#content',
@ -145,11 +145,11 @@ if (enable_animations) {
gsap.fromTo('#content_all_img', gsap.fromTo('#content_all_img',
{ {
scale: 0.8, scale: 0.8,
left: -100 left: -50
}, },
{ {
scale: 1, scale: 1.2,
left: -80, // left: 50,
ease: 'linear', ease: 'linear',
scrollTrigger: { scrollTrigger: {
trigger: '#content_all .columns', trigger: '#content_all .columns',