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 "5-popover.css";
@import "6-portfolio.css";
@import "100-coming_soon.css";
@import "7-responsive.css";

View File

@ -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',