베이스캠프 로고 이미지

menu-opener icon
  • 암호화폐
  • 리츠 정보
  • 투자
  • ETF
  • 프레이머 강의
728x90
반응형

강의/Framer

[예제를 통해 학습하는 프레이머(Framer) #2] Magic Motion을 활용한 탭메뉴 구현 (Animated Tabs)

🔮 매직모션(Magic Motion)이란? 매직모션은 한 상태에서 다른 상태로 레이어에 애니메이션을 적용할 수 있는 전환 유형입니다. 한 레이어에서 다음 레이어로 이동하면 Framer가 변경된 부분을 찾아내고 애니메이션을 적용합니다. 💝 목표 결과물 강의를 끝까지 따라오시면 아래의 매직 모션이 적용된 탭메뉴를 구현할 수 있습니다. ❗️ 시작하기 전에 혹시 아직 Framer 계정을 가입하지 않으셨거나 프레이머 사용방법을 모르시는 분은 아래를 참고해서 계정 등록을 하고 Framer 프로젝트 생성까지 하시기 바랍니다. [개발자가 알려주는 Framer X #0] 프레이머 쉽게 시작해보자. 📑 프레이머란? 프레이머는 애니메이션, 터치 기반 제스처 및 스크롤, 페이징 및 인터페이스 흐름을 위한 여러 재사용 컴포넌트..

2020.07.13 게시됨

1
728x90
반응형
테슬라 광고배너

인기글

    반응형

    최근글

      세로형
      Copyright . 베이스캠프 all rights reserved.
      Designed by 베이스캠프
      닫기 아이콘
      사이드 프로필 배경이미지
      블로그 이미지

      남양주개발자

      프론트엔드 개발자

      🏕️ 베이스캠프는 개발을 하기 위한 여러가지 필요한 지식들을 습득하는 것을 도와주는 근거지입니다. 🍺 음주코딩을 좋아합니다. 💻 Vue와 React를 사랑하는 개발자입니다.🤟

      • 베이스캠프 (864)
        • 투자 (431)
          • 삼성전자우 모으기 (36)
          • ETF (16)
          • 후기 (2)
          • 국내주식 (3)
          • 리츠(REITs) (24)
          • 주식용어 (16)
          • 재테크 (9)
          • 암호화폐 (230)
          • 미국 ETF (54)
          • 공모주 (15)
          • 배당 (2)
          • 부동산 (6)
        • 제품 리뷰 (23)
          • IT 제품 (2)
          • 주류 (8)
          • 기타 (1)
          • 자동차 (8)
          • 캠핑 (4)
        • 블로그 (24)
          • 애드센스 수익 (6)
          • 티스토리 팁 (15)
          • 무료 스킨 (1)
          • 기업사이트 개발 (1)
        • 데이터베이스 (5)
          • MySQL (4)
        • 강의 (12)
          • Framer (12)
          • Vue (0)
        • 개발 (252)
          • 타입스크립트 (0)
          • Google Cloud Platform (8)
          • AWS (10)
          • Vue (21)
          • React (5)
          • Next.js (5)
          • Nuxt.js (18)
          • Node.js (7)
          • React Native (10)
          • Javascript (46)
          • HTML5 (10)
          • CSS3 (13)
          • Bootstrap (2)
          • jQuery (15)
          • SASS (4)
          • UI개발 (7)
          • 유틸리티 (12)
          • 기타 (33)
          • Framer (1)
          • Third-party (5)
          • SEO (0)
          • Notion (0)
          • Git (8)
          • 트러블슈팅 (8)
          • Docker (1)
        • 알고리즘 (7)
          • 정렬 (2)
        • Computer science (57)
          • Data Structure (3)
          • 알고리즘 (54)
        • 일상 (38)
          • 컴퓨터 관련 팁 (4)
          • 면접 (1)
          • 생활팁 (31)
          • 캠핑장 (2)
        • 여행 (9)
          • 스페인 (8)
          • 일본 (0)
          • 국내여행 (1)
        • 부동산 (0)
          • 청약 (0)
      Designed by 베이스캠프

      티스토리툴바