Image Comparison block lets you to easily compare two images side-by-side. This can be useful for a variety of purposes, such as showcasing before-and-after photos, comparing products, or demonstrating the effects of editing.

Let’s have a look at the documentation.

How can you use image comparison block? #

WordPress 대시보드에 액세스 –

• 찾다 Pages/Posts > Add New Page/Post 또는 블록 편집기를 사용하여 기존 페이지 편집을 시작하세요.
• “를 찾으세요.+” 아이콘은 에디터 화면 오른쪽이나 상단에 있습니다. 클릭하세요.
• 블록 메뉴가 나타나면 '를 검색하세요.이미지 비교".
• 보이면 클릭하거나 블록 에디터 화면에 드래그 앤 드롭하세요.

컨텐츠 부분 편집 #

Select Styles – There are two styles, you can pick any of your choice.

After that, you have to set before and after images.

설정 - Here, you can adjust the offset bar. There are also options of label style, which are
active, hover, and none.
Additionally, you can control remove overlay, move slider on hover, and click to move.

스타일 #

Here, within the Handle option, you can style Control width, height, use options of background, arrow color, box shadow, etc. for NORMAL and
HOVER, and also adjust Handle divider.