javascript - Un petit effet sur le terminal mobile

Question

Faites défiler vers le bas et l'image d'arrière-plan se rétrécit.

Question : Comment écrire cette animation plus facilement (version mobile),

Answer 1

Si vous souhaitez que l'animation soit fluide, vous pouvez ajouter des attributs CSS à l'élément DOM où se trouve l'animation : transition : all .8s easy;

Syntaxe : transition : propriété durée timing-function delay
transition-property : spécifie le nom de la propriété CSS qui définit l'effet de transition
transition-duration : spécifie le nombre de secondes ou de millisecondes nécessaires pour terminer l'effet de transition
transition-timing -function : spécifie la fonction de transition, stipule La courbe de vitesse de l'effet de vitesse
transition-delay : Spécifie le temps de retard avant le début de l'apparition
Les valeurs par défaut sont : toutes 0 facilité 0

Answer 2

L'exigence n'est pas claire. Lors du défilement vers le haut, couvrez lentement l'image d'arrière-plan supérieure à l'arrière et enfin laissez la moitié de l'image d'arrière-plan visible. Si tel est le cas, il n'est pas nécessaire de faire de l'animation