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 "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";
|
||||||
|
12
js/main.js
12
js/main.js
@ -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',
|
||||||
|
Loading…
Reference in New Issue
Block a user