Animer mes sections une à une au focus
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:
1
2
3
| jQuery(document).ready(function($) {
$('section').focus().addClass('slide-right');
}); |
mon css:
Code:
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; }
} |
