모바일N 프리미엄 반응형 노코딩 테마

업데이트 소식

제목버전 4.4 릴리즈노트2022-02-26 22:33
작성자 Level 10

사용자 정의 가능한 콘텐츠 너비

여러 사용자 요청에 따라 각 응답 모드의 콘텐츠 영역 너비를 편집하는 기능을 추가했습니다. 반응 모드 도구 설명에서 편집 링크를 클릭하면 해당 작업을 수행할 수 있습니다.

content-area-width.gif

빠른 액세스의 테마 패널에서 콘텐츠 너비 링크를 클릭할 수도 있습니다.

content-width-theme-settings.png
 

스크롤 애니메이션의 타이밍 기능

이제 Animation On Scroll에 대한 타이밍 기능을 할당할 수 있습니다. 첫 번째 차는 선형으로 움직이고 두 번째 차는 Ease Out 기능으로 움직입니다. 따라서 더 빨리 시작됩니다.

animation-timing.gif

스크롤 시 다시 애니메이션

이전에는 Animation On Scroll이 항상 웹 페이지의 맨 위로 스크롤하는 동안 뒤로 재생하도록 설정되었습니다. 이제 선택 사항이며 속성 패널에서 "Animate Back on Scroll" 확인란을 선택 취소하여 애니메이션을 한 방향으로만 재생할 수 있습니다.

animate-back-on-scroll.png
 

사전 설정으로 마우스를 가져갈 때 애니메이션 재설정

애니메이션 사전 설정을 적용하면 이동 및 회전 속성이 재설정됩니다.

reset-with-animation-presets.gif
 

호버 애니메이션에 대한 테두리 사전 설정

호버 애니메이션을 위한 새로운 테두리 사전 설정을 추가했습니다.

border-animation-hover.gif
 

속성 패널의 갤러리 애니메이션

속성 패널에서 선택한 갤러리의 애니메이션 섹션에 갤러리 애니메이션을 모았습니다.

gallery-animations.png

각 측면에 대한 사용자 정의 테두리

Radius와 마찬가지로 이제 각 측면에 대해 테두리를 지정할 수 있습니다.

border-each-side.png

그리드의 목록, 슬라이더 및 양식

그리드 셀에 대해 List, Slider, Form 등과 같은 큰 요소를 추가하는 것을 지원했습니다.

list-repeater-in-grid-cell.gif
 

마우스 이동으로 값 변경

속성 패널에서 이제 위쪽, 왼쪽, 오른쪽, 아래쪽, 너비, 높이, 문자 간격 등과 같은 속성 아이콘 위로 마우스를 끌어 값을 변경할 수 있습니다.

change-values-mouse-move.gif
 

텍스트 취소선 스타일

텍스트에 취소선 스타일을 추가했으며 속성 패널에서 선택할 수 있습니다.

strikethrough-style.png