레이아웃 디자인

Flexbox를 사용하여 요소를 상위 요소의 중앙에 완벽하게 정렬하세요.

요소의 크기를 정의하고, 최소 및 최대 너비와 높이 값을 설정하고, 요소 경계를 넘는 콘텐츠를 숨깁니다.

CSS 3D 변환을 사용하여 마우스 오버 시 간단한 카드 뒤집기 애니메이션을 만듭니다.

상자 그림자를 사용하여 요소 경계 내부 또는 외부에 깊이를 추가합니다.

테두리를 사용하여 요소의 반경을 정의하고 요소 경계의 하나 이상의 측면에 윤곽선을 만듭니다.

색상, 이미지, 그라디언트, 색상 오버레이, 비디오 등 요소에 설정할 수 있는 배경 스타일에 대한 개요입니다.

클릭 애니메이션을 트리거하여 팝업을 표시하는 방법을 알아보세요.

Webflow Designer에서 요소를 빠르게 복제하고 정확하게 배치하세요.

구조 스타일을 사용하면 동적 목록의 요소에 대한 특정 스타일을 만들 수 있습니다. 이를 통해 목록의 요소를 강조 표시하여 시각적 계층 구조를 개선할 수 있습니다.

가로 스크롤은 스크롤 경험을 세로에서 오른쪽, 왼쪽으로 변경하는 독특한 상호 작용을 사용하여 방문자의 관심을 완전히 사로잡습니다.