코드 요소 블럭 위에 마우스를 올리면 좌측 상단에 블럭 편집 메뉴가 표시됩니다.

가운데에 있는 설정(톱니 바퀴 모양) 버튼을 클릭하여 상세 설정창을 열어줍니다.

코드 요소 블럭의 상세 설정창은 내용, 배경, 애니메이션 네개의 탭메뉴로 구성되어 있습니다.

각 설정 항목에 대해 알아보겠습니다.

내용

코드 입력하기 버튼을 통해 코드를 입력할 수 있습니다.

코드 입력창에서 미리보기 버튼을 누르면 새 창에서 작성한 내용을 확인할 수 있습니다.

미리보기는 전체 페이지가 아닌 작성된 코드 요소 블럭의 내용만 확인이 가능합니다.

배경

애니메이션

화면에 해당 요소 블럭이 위치한 영역이 보일 때 동작하는 애니메이션을 설정합니다.