본문 바로가기

전환

(2)
[React] Swiper Effect 정리 - Cards, Coverflow, Creative, Cube, Fade, Flip 알고리즘 떄문에 개발유튜브 보다가 swiper가 뜨길래 봤는데, 재미있어보이길래 포트폴리오를 만드는 중이다 사용해보다가 전환효과 (effect)의 종류별로 뭐가 다른건지 궁금했는데, 한번에 다 비교해놓은 글이 없길래 그냥 내가 하나씩 해봤다. 자세히 보고 싶은 분들은 공홈의 데모를 보셔도 된다 https://swiperjs.com/demos#effect-fade Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com Effect에는 cards, coverflow, creative, cube, fade, f..
[React/Typescript] 화면 전환 효과 / 페이드인 애니메이션 / Fade 컴포넌트 종설 개발 중에 화면 전환 효과가 있으면 좋을 것 같아 넣어본 fade 효과 컴포넌트입니다. duration 변수로 fade in 시간 조절 가능하고, 전환 애니메이션 상태 속성은 아래 참고. entering: 컴포넌트가 화면에 진입하는 애니메이션을 수행 중인 상태를 나타냅니다. entered: 컴포넌트가 화면에 완전히 진입한 상태를 나타냅니다. exiting: 컴포넌트가 화면에서 사라지는 애니메이션을 수행 중인 상태를 나타냅니다. exited: 컴포넌트가 화면에서 완전히 사라진 상태를 나타냅니다. 혹시 나중에 써먹을 일 생길까봐 & 필요하신 분 있을까봐 공유! 아 참고로 react에서 transition 쓰려면 설치 먼저 해줘야한다. Javascript : npm install react-transit..

728x90