CSS 쇼케이스

CSS Preview를 사용하면 코드가 자체적으로 작성되는 것을 볼 수 있습니다.
Webflow의 스타일 섹션을 사용하면 Apple, Google 및 Stripe에서 사용하는 것과 동일한 CSS 속성을 활용하여 인터넷에서의 가능성을 확장할 수 있습니다.

이 모듈 내에서:

  1. CSS 쇼케이스
  2. 소스코드 내보내기

CSS 쇼케이스

CSS Showcase가 활성화되어 있고 요소의 스타일을 조정하는 경우 코드가 자동으로 생성되는 것을 볼 수 있습니다.

CSS 쇼케이스를 활성화하려면:

  1. 왼쪽 패널 하단에 있는 지원 아이콘을 누르세요(사용 가능한 선택 사항을 보려면).
  2. 선택하다 CSS 쇼케이스

소스 코드 내보내기

프로그래머에게 제공하거나 다른 곳에서 코드를 활용하기 위해 코드를 내보낼 수 있습니다.

또한 다음 두 가지 작업으로 내보낼 수 있습니다.

  1. 상단 패널에서 내보내기 아이콘을 누르세요.
  2. 그다음에 우편번호 준비 단추

모든 프로젝트 파일의 다운로드가 시작되므로 필요에 따라 해당 파일을 적용할 수 있습니다.

그게 다야! 실제로 CSS를 코딩하지 않고 Webflow에서 CSS를 디자인하는 것입니다. Webflow에서.

이완 막
Ewan Mak의 최신 게시물 (모두 보기)