O bloco Image Comparison permite que você compare facilmente duas imagens lado a lado. Isso pode ser útil para uma variedade de propósitos, como mostrar fotos de antes e depois, comparar produtos ou demonstrar os efeitos da edição.

Vamos dar uma olhada na documentação.

Como você pode usar o bloco de comparação de imagens? #

Acesso ao seu painel do WordPress –

• Encontrar Páginas/Posts > Adicionar nova página/post ou comece a editar uma página existente com o editor de blocos.
• Procure o "+”Ícone no lado direito ou na parte superior da tela do editor. Clique.
• Um menu de bloqueio aparecerá, procure por “Comparação de imagens”.
• Ao vê-lo, clique nele ou arraste e solte na tela do editor de blocos.

Editando parte do conteúdo #

Selecionar estilos – Existem dois estilos, você pode escolher qualquer um de sua preferência.

Depois disso, você precisa definir as imagens antes e depois.

Configurações - Aqui, você pode ajustar a barra de deslocamento. Existem também opções de estilo de etiqueta, que são
ativo, pairar e nenhum.
Além disso, você pode controlar a remoção da sobreposição, mover o controle deslizante ao passar o mouse e clicar para mover.

Estilo #

Aqui, dentro do Opção de manuseio, você pode estilizar Controle de largura, altura, usar opções de fundo, cor da seta, sombra da caixa, etc. para NORMAL e
Passe o mouse sobre ele e ajuste também o divisor do Handle.