<script>
$(window).scroll(function(){
var y = (-1/500) * 높이 + 100/50;
$('.card-box').eq(0).css('opacity', y); //왼쪽셀렉터로 찾은 여러개 요수중 n번째. y는 서서히 변하는 것
var z = (-1/5000) * 높이 + 565/500;
$('.card-box').eq(0).css('transform', scale( ${z} ));
})
</script>
이렇게 해서 첫 사진에는 작아지는 것과 투명해지는 것은 구현했는데...
2,3번째 사진에도 적용을 해보려고 합니다.
그때는 투명도에는 var q, var p 이런 변수들로 똑같이 scroll의 변하는시점,끝나는 시점을 구한 후 식을
만들어서 대입하고, eq에는 두번째사진이면 eq(1), 세번째사진이면 eq(2)로 하면 되겠죠?
