Fala galera, blz? Estou começando a estudar jquery para fazer uma basica animação no site que estou criando para o meu pai. A animação envolve fade de imagens (fadeIn, fadeOut) e uma movimentação básica. segue um exemplo do que eu quero fazer:
1 - primeiraParte entra com fade e sai com fade;
2 - segundaParte entra primeiro a imagem central, depois imageEsquerda e imagem direita (nessa ordem, ambas em fade);
3 - imagemEsquerda e imagemDireita se movem para baixo da imagem central;
4 - Saide em fade da segundaParte;
Então, quais as funções tenho que estudar primeiro já que eu quero entregar isso para o meu pai? Ajuda também me passando assuntos de outros tópicos sobre o que irei ter que utilizar para tal feito.
Obs.: Tenho experiencia apenas em html e css.
Desde já agradeço!
<div id="primeiraParte">
<img src="../Imagens/logo.png">
</div>
<div id="segundaParte">
<div class="imagemEsquerda">
<img src="../Icons/esquerda.png">
</div>
<div class="imagemCentral">
<img src="../Imagens/project.png">
</div>
<div class="imagemDireita">
<img src="../Icons/direita.png">
</div>
</div>