기술 자료
시작하기
레이아웃 디자인
강요
계정 및 작업공간
통합
사이트 설정
논리
현지화
청구 및 구독
서비스
웹플로우 에이전시
Shopify 대행사
Webflow 아카데미
SaaS로 설계
ESG 디자인
웹3 마케팅
워드프레스 해결사
헤드리스 CMS
자원
Webflow 기술 자료
페이스북 그룹
기술 블로그
D2C 내부자
기술 SEO 블로그
한국어
English
繁體中文
日本語
简体中文
문의하기
무엇을 찾고 계신가요?
찾다
접근성
계정 및 작업공간
청구 및 구독
CMS 및 동적 콘텐츠
협동
전자상거래 및 사용자 계정
강요
시작하기
호스팅 및 코드 내보내기
통합
상호작용 및 애니메이션
기술 자료
레이아웃 디자인
현지화
논리
보안
SEO
사이트 설정
템플릿
홈페이지: 바닥글
프로젝트의 두 번째 탐색 역할을 할 재사용 가능한 바닥글을 디자인하세요.
기술 자료
젤리 버튼 상호 작용
사전 제작된 애니메이션을 사용하여 프로젝트의 모든 요소에 생기를 불어넣으세요.
상호작용 및 애니메이션
옆으로 스크롤
가로 스크롤은 스크롤 경험을 세로에서 오른쪽, 왼쪽으로 변경하는 독특한 상호 작용을 사용하여 방문자의 관심을 완전히 사로잡습니다.
레이아웃 디자인
초과: 숨김
요소가 뷰포트 외부에 존재할 때 프로젝트에서 원치 않는 가로 스크롤과 추가 공백을 방지하려면 오버플로를 숨김으로 설정하세요.
레이아웃 디자인
텍스트 범위에 맞춰 그림 자르기
텍스트 범위와 이미지 텍스트 채우기를 사용하여 사이트 사본에 다양성을 추가하세요.
레이아웃 디자인
전환 지점 간 다양한 화면 크기 실험
Webflow 디자이너를 활용하면 캔버스에서 직접 반응형으로 만들고 확인하는 기능이 있습니다.
레이아웃 디자인
2.5D 기술
3D 공간에 2D 이미지를 겹쳐서 프로젝트 요소에 깊이를 더해보세요.
상호작용 및 애니메이션
초점 이동 효과
사용자 정의 랙 포커스 상호 작용 애니메이션
상호작용 및 애니메이션
내부 그림자 효과로 표시되는 향상된 텍스트
이 튜토리얼을 통해 Sara는 특정 부분을 강조하는 동적 밑줄 효과를 만드는 방법을 보여줍니다.
레이아웃 디자인
CH 단위를 사용하여 명확한 형식의 텍스트
문자 단위를 사용하여 텍스트 요소의 줄당 문자 수를 제한합니다.
레이아웃 디자인
글 내비게이션
1
…
37
38
39
…
44
EN
EN
ZH
ZH_CN
KO
JA
EN
EN
ZH
ZH_CN
KO
JA