두번째 캔버스때 이미지말고 그라데이션

Question

안녕하십니까!!

다름이아니라 첫번째캔버스가 닿고 나서 fixed로 고정된후

두번째캔버스가 나올때 이미지가 아니라

그냥 서서히 그라데이션만 주고싶은데 어떻게 해야할지 도무지 감이 안잡혀서요...

스크롤 내릴때 그라데이션이 번지는(?) 듯한 느낌을 주고싶은데

어떻게 해야할까요..

Answer

canvas에서 그라데이션을 그릴 수가 있답니다.
우리 예제에서처럼 스크롤된 비율을 이용해서, 그라데이션의 좌표값을 적절히 조정해주시면 될 것 같습니다 :)

Answer

https://www.dji.com/kr/mini-3-pro?site=brandsite&from=nav 이 사이트에 나오는 효과도 강의 내용으로 변형해서 하는것인지..