📢 Descrição: Gere botões hover com paleta de cores , após gerado personalize as dimensões e adicione link 🔗 

Criador de Botões com Efeitos de Hover

Texto do Botão: Cor de Fundo: Cor do Texto:

📢 Descrição : crie tabelas de preços definindo e ajustando como for preciso ajuste cores de fundo e de texto , o código resultante será gerado , edite entre as abas tr e td seus valores 

Gerador de Tabelas de Preços CSS

Número de Colunas: Número de Linhas: Cor de Fundo das Colunas: Cor do Texto: Coluna em Destaque (Opcional):

📢Descrição: Crie e personalize como quiser paletas de cores css copie o código resultante 

Gerador de Paletas de Cores

Cor 1:

Cor 2:

Cor 3:

Cor 4:

Cor 5:

Paleta de Cores

Código CSS

📢 Descrição: gerador de animações css em tempo real 

Gerador de Animações CSS

Nome da Animação:

Duração (s):

Função de Tempo:

Atraso (s):

Contagem de Iterações:

Direção:

@keyframes myAnimation { from { transform: translateX(0); } to { transform: translateX(100px); } } .myAnimation { animation: myAnimation 2s ease 0s infinite normal; }

📢 Descrição : crie com rapidez e praticidade grids responsivos com essa ferramenta 

Gerador de Grids Responsivos

Número de Colunas:

Número de Linhas:

Espaçamento (px):

<div class="grid-container"> <div class="grid-item">Item 1</div> <div class="grid-item">Item 2</div> <div class="grid-item">Item 3</div> <div class="grid-item">Item 4</div> <div class="grid-item">Item 5</div> <div class="grid-item">Item 6</div> </div> .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto); gap: 10px; } .grid-item { background-color: #3498db; color: white; padding: 20px; text-align: center; }

📢 Descrição : conversor de valores de altura e largura para css , muito útil para Blogspot 

Conversor de Unidades CSS

Valor

Unidade de Origem Pixels (px) Ems (em) Rems (rem) Percentual (%)

Unidade de Destino Pixels (px) Ems (em) Rems (rem) Percentual (%)

O valor convertido aparecerá aqui...

📢 Descrição : construtor de gradiente por interface , o código resultante será gerado

Gerador de Gradientes CSS

Cor 1

Cor 2

Direção Para a Direita Para a Esquerda Para Cima Para Baixo

O código CSS aparecerá aqui...

📢 Descrição: Gere códigos css complexos através de comandos de interface , copie o css gerado e use como desejar 

Gerador de CSS Personalizado

Código HTML:

Opções de Estilo

Cor de fundo: Padding (Espaçamento interno): Margin (Margem externa): Borda:

Código Final:

📢 Descrição: gere imagens responsivas para seu blogger Blogspot, hospeda a imagem copie o link gere um nova imagem a partir do link use como desejar 

Gerador de Imagens Responsivas

URL da Imagem:

📢 Descrição: gere botões css avançados de alto estilo , copie o código gerado e use como desejar 

 

Gerador de Botões CSS

Texto do Botão:

Cor do Botão:

Cor do Texto:

Tamanho do Texto (px):

Raio da Borda (px):

Sombra da Caixa:

📢  Descrição : gere paletas de cores personalizadas conforme sua preferência 

Defina no painel as cores as quais quer misturar em nova paleta 🎨, depois de escolhido  click em gerar , um novo código  css será gerado copie e use como desejar.

Gerador de Paletas de Cores

Cor 1:

Cor 2:

Cor 3:

Cor 4:

Cor 5:

Paleta de Cores

Código CSS