uiux 30일차

이명진·2024년 12월 26일

-스크롤트리거로 탑바 색상 자동 변환
1.라이브러리 불러오기

  • gsap, js 불러오기
  • html과 css 에 복붙하고
    css에 background-color와 color 지정해주면 끝

2.css - mix-blend-mode 활용하기

  • color를 필수적으로 지정해준다
  • mix-blend-mode: difference; => 반대의 색깔을 넣어줌
    ex)color: white;
    mix-blend-mode: difference;

=>검은색으로 바뀜


커서효과

https://codepen.io/atmfacwp-the-bashful/pen/VYZWobL


라이브러리 없이 smooth scrollbar 만들기
https://codepen.io/atmfacwp-the-bashful/pen/GgKEVzE

0개의 댓글