Skip to content

Tenzing / Tenzing-Web-2023

Go to a project
Toggle navigation
Toggle navigation pinning
8c411026 by Jeff Balicki
Options

scrollTrigger 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent b1bf4ada
Inline Side-by-side
Showing 8 changed files with 4 additions and 83 deletions
......@@ -15533,47 +15533,4 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
justify-content: center;
}
.c-header_title_liner {
display: block;
opacity: 0;
transform-origin: center top;
transform-style: preserve-3d;
transform: translateY(100%) rotateX(-80deg);
transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.is-ready .c-header_title_liner {
transform: none;
opacity: 1;
transition-duration: 0.8s;
}
html.is-ready .c-header_title_liner:nth-child(1) {
transition-delay: 0.1s;
}
html.is-ready .c-header_title_liner:nth-child(2) {
transition-delay: 0.2s;
}
html.is-ready .c-header_title_liner:nth-child(3) {
transition-delay: 0.3s;
}
html.is-ready .c-header_title_liner:nth-child(4) {
transition-delay: 0.4s;
}
.c-header_title_liner span {
display: inline-block;
}
.c-header_title_liner.-version {
text-transform: none;
font-size: 0;
}
.line {
width: 100%;
max-width: 800px;
height: 8px;
margin: 0 0 10px 0;
position: relative;
display: inline-block;
background-color: rgb(255, 255, 255);
}
/*# sourceMappingURL=child-theme.css.map */
\ No newline at end of file
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -14,6 +14,10 @@ document.addEventListener("DOMContentLoaded", function() {
}
});
});
gsap.registerPlugin(ScrollTrigger);
// Using Locomotive Scroll from Locomotive https://github.com/locomotivemtl/locomotive-scroll
......
......@@ -147,43 +147,3 @@
}
.c-header_title_liner {
display: block;
opacity: 0;
transform-origin: center top;
transform-style: preserve-3d;
transform: translateY(100%) rotateX(-80deg);
transition: opacity 0s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform 0s cubic-bezier(0.215, 0.610, 0.355, 1.000);
html.is-ready & {
transform: none;
opacity: 1;
transition-duration: 0.8s;
@for $i from 1 through 4 {
&:nth-child(#{$i}){
transition-delay: $i*0.1s;
}
}
}
span {
display: inline-block;
}
&.-version {
text-transform: none;
font-size: 0;
}
}
.line {
width: 100%;
max-width: 800px;
height: 8px;
margin: 0 0 10px 0;
position: relative;
display: inline-block;
background-color: rgba(255,255,255,1);
}
\ No newline at end of file
......