Discussion :

[TBA_78]

Bonjour,

Je souhaite animer mes sections une à une au focus quand je fais défiler ma page, mais l'animation se fait sur toutes les sections en même temps.

Je vous remercie de votre aide.

Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
jQuery(document).ready(function($) { 
	$('section').focus().addClass('slide-right');
});

mon css:

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.slide-right {
	position: relative;
	left: -3000px;
	-webkit-animation: slide 0.5s forwards;
	-webkit-animation-delay: 0.5s;
	animation: slide 0.5s forwards;
	animation-delay: 0.5s;
}
 
@-webkit-keyframes slide {
	100% { left: 0; }
}
 
@keyframes slide {
	100% { left: 0; }
}

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('section').on('focus', function(){$(this).addClass('slide-right');});

[TBA_78]

Merci beaucoup.