ouidade/dev-epau.archi.fr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

suite animate inView souligne

Browse Source
This commit is contained in:
ouidade
2021-04-19 20:43:17 +02:00
parent 1d89d1c53a
commit 5889ce4076
3 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/epau-antimatter/css-compiled/template.css
+2 -2
View File
@@ -904,10 +904,10 @@ ul.pagination {
margin-left: 0%; margin-left: 0%;
width: 100%; } } width: 100%; } }
.after-h1 .souligne.toright { .after-h1 .in-view-right {
animation: animate 1.2s 1 normal ease-in-out forwards; } animation: animate 1.2s 1 normal ease-in-out forwards; }
.after-h1 .souligne.toleft { .after-h1 .in-view {
animation: glissement 1.2s 1 normal ease-in-out forwards; } animation: glissement 1.2s 1 normal ease-in-out forwards; }
.programmes { .programmes {
user/themes/epau-antimatter/js/antimatter.js
+8 -1
View File
@@ -127,11 +127,18 @@ jQuery(document).ready(function($){
return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
} }
$(window).scroll(function () { $(window).scroll(function () {
$('.souligne').each(function () { $('.souligne.toleft').each(function () {
if (isScrolledIntoView(this) === true) { if (isScrolledIntoView(this) === true) {
$(this).addClass('in-view') $(this).addClass('in-view')
} else { } else {
$(this).removeClass('in-view') $(this).removeClass('in-view')
} }
}); });
$('.souligne.toright').each(function () {
if (isScrolledIntoView(this) === true) {
$(this).addClass('in-view-right')
} else {
$(this).removeClass('in-view-right')
}
});
}); });
user/themes/epau-antimatter/scss/template/_custom.scss
+2 -2
View File
@@ -162,12 +162,12 @@
} }
} }
.after-h1 { .after-h1 {
.souligne.toright { .in-view-right {
// opacity: 0; // opacity: 0;
// transition: opacity 1s ease-in-out; // transition: opacity 1s ease-in-out;
animation: animate 1.2s 1 normal ease-in-out forwards; animation: animate 1.2s 1 normal ease-in-out forwards;
} }
.souligne.toleft { .in-view {
animation: glissement 1.2s 1 normal ease-in-out forwards; animation: glissement 1.2s 1 normal ease-in-out forwards;
} }
} }