포트폴리오 페이지 만들기 참고 사이트

 

 

그라데이션 사이트

https://webgradients.com/

Free Gradients Collection by itmeo.com

 

 

 

참고용. 머쉬머쉬
https://readymag.com/keykey.website/msrm/4/

‘MUSHROOMS’ by KEYKEY

 

 

 

 

transform 속성 (위치이동, 기울기 변화, 회전, 원근감 이동) 

https://rgy0409.tistory.com/2990

CSS3 transform 사용법 (matrix 포함)

 

 

 

 

 

책자!
https://fall.polytech.one/

카드 뭉치 한장씩 아래로 치워지는!!!(맨 아래)
https://illuminating-radioactivity.com/6/

요소들이 떨어져내리고, 마우스 올리면 그림자 생기는?
https://alexevlakhov.ru/

가로 스크롤 내리다가 마지막에 글자 떠오르는!
https://dp.crevv.com/metaverse_board/

글자 두 개가 벌어져있다가 스크롤 내리면 가운데로 모임
스크롤 내려서 요소가 표시되면 줄도 그어짐
https://readymag.com/ecvmdt/forma-2021/3/

메인글자 줄어드는 효과1, 다크모드, 네비바 위로 올라가는 것
https://brycecarson.com/

글자컨베이어벨트
https://oplich.com/2/

마우스 올리면 칸 위아래로 넓어지고 그 안에 글자컨베이어
https://motions.gg/

영수증 한 군데 모여 있다가 마우스 올리면 제자리 찾아 퍼지는, 그리고 클릭하면 고정됨
https://coffeereceiptstories.com/


커스텀 마우스 포인터, 가로 스크롤, 스크롤 변화에 따라 배경색 그라데이션 변화 
https://toryrust.com/

메인 글자 줄어드는 효과 2
https://fenfenchen.com/

스크롤오르내리면 네비바의 글씨색들이 배경 화면 위치? 스크롤 위치? 배경색에 맞춰 바뀌는!
https://worth.agency/bar-menu/2/

동그라미 옆으로 굴러가는
https://guajirobampo.com/

색상 참고
https://spielzeit.jungesschauspielhaus.de/

파랑 하양 다홍
https://designsummit.fintechlab.hu/


와여기 효과 미쳤다 레전드
https://themessagetoukraine.obys.agency/nature/

반 고정, 반 스크롤 가능 쉽겠다
https://rijnpils.nl/


와 미친 이건 어떻게 한 거야 
https://ambidexter.fun/

효과 귀엽다 테마도
https://readymag.com/u2285175611/2779573/

스크롤 반은 위로 반은 아래로 어떻게 한겨
https://www.allegra-alena-type-documentary.ch/