Hotspot Pro - Editor Avançado

Tipo de Hotspot

Círculo

Retângulo

Seta

Custom

Polígono

Inserir Texto

Duplo clique no texto para editar o conteúdo.

Cor do Texto

Fonte

Tamanho 20px

Estilo

Aplicado ao texto selecionado (clique para selecionar).

Inserir Formas

Forma

Quadrado

Redondo

Triângulo

Hex

Estrela

Clique em uma forma para inserir no canvas.

Vazado Quando ativo, o preenchimento fica transparente.

Cor da Borda

Cor do Preenchimento

Espessura da Borda 2px

Tamanho 80px

Aplicado à forma selecionada (clique para selecionar e arrastar).

Configurar Dica

Texto da Dica (HTML permitido)

Imagem do Hint

Se não houver texto, o hint mostrará apenas a imagem.

Texto alternativo (ALT)

Imagens do Hint (Carrossel) (URLs - uma por linha)

Dica: para selecionar várias imagens no Explorer, segure Ctrl (ou Shift para intervalo) ao clicar.

Se houver 2+ URLs, o Hint vira um carrossel com setas e pontos.

Posição da Dica

Largura da Dica 250px

Cor do Texto

Cor de Fundo do Hint

Opacidade do Hint 100%

Tamanho da Fonte 13px

Rotação 0°

Disponível para hotspots do tipo Seta.

Marcadores

Texto do Marcador

Fonte Poucas fontes para manter o design leve.

Alinhamento do Texto

Tamanho do Texto 13px

Espessura da Borda 1px

Cor da Borda

Cor do Marcador

Ícone do Marcador Escolha um ícone simples para o marcador.

Posição do Ícone

O ícone aparece antes ou depois do texto, com espaçamento.

Marcadores não possuem Hint.

Botão Social

Cores e Opacidade

Cor Principal

Fundo do Canvas

Apenas visual. Não altera posições dos hotspots.

Cores Pré-definidas

Azul

Rosa

Verde

Laranja

Roxo

Ciano

Opacidade 100%

Spot transparente Deixa apenas a borda visível (o spot continua clicável).

Cor do Ícone/Texto

Ícone (Custom)

Formato (Custom)

Imagem (Custom)

A imagem aparece no fundo do hotspot do tipo Custom.

Configuração de Bordas

Espessura 2px

Cor da Borda

Estilo da Borda

Raio das Bordas 8px

Efeitos de Sombra

Intensidade da Sombra 15px

Cor da Sombra

Opacidade da Sombra 30%

Tipo de Animação

Pulsar

Quicar

Girar

Tremer

Flutuar

Brilhar

Nenhuma

Configuração da Animação

Duração 2s

Atraso (Delay) 0s

Iterações (0 = infinito)

Timing Function

Animação Hover

Ativa animação apenas ao passar o mouse

Preview da Animação

Arraste e solte sua imagem aqui