비디오: Figma Tutorial: Effects 2025
CSS3 레이어의 올바른 모양을 만드는 것은 어려울 수 있습니다. 레이어는 사용자가 만든 요소 (예: a)의 바깥 쪽 그림자, 테두리 및 내부 그림자로 구성됩니다. LayerStyles를 사용하면 만드는 레이어 효과를 시각적으로 디자인 할 수 있습니다. 제어판을 사용하여 해당 작업을 수행합니다.
제어판을 사용하면 광원을 포함하여 레이어 효과의 모든 특성을 수정할 수 있습니다. 모든 효과는 페이지 중앙의 사각형에 표시됩니다.이 사각형은 제어판을보다 편리한 위치로 이동하여 볼 수 있습니다 (제목 표시 줄을 클릭하고 페이지에서 원하는 곳 어디에서나 제어판을 드래그하기 만하면됩니다).
레이어 효과 만들기가 끝나면 페이지 왼쪽 하단에 나타나는 CSS 탭을 클릭 할 수 있습니다. 이 액티비티는 디자인 한 레이어 효과를 만드는 데 필요한 코드를 표시하는 창을 표시합니다. 복사를 클릭하여 정보를 클립 보드에 복사하기 만하면됩니다.
코드를 IDE에 붙여 넣기하면 응용 프로그램에서 사용할 수 있습니다. 결과적인 CSS는 Internet Explorer, Firefox, Chrome 및 CSS3를 지원하는 대부분의 다른 브라우저에서 잘 작동합니다.
