Artigos
Guias práticos para as ferramentas online da SmartPlusLab.
-
Como gerar uma grelha CSS Grid com colunas, linhas e espaçamento
Introduza as colunas, linhas e espaçamentos pretendidos para gerar código CSS Grid. Valores numéricos de colunas e linhas recebem a notação `repeat`, enquanto os espaçamentos preenchidos são emitidos em pixels.
-
Como gerar gradientes CSS lineares ou radiais
Preencha o tipo, a direção e as cores para gerar uma declaração CSS de gradiente linear ou radial. Se não indicar valores, são assumidos `linear`, `to right`, `#ff7e5f` e `#feb47b`.
-
Como formatar CSS com indentação consistente
Cole o CSS, escolha embelezamento ou minificação, ajuste a indentação e execute a formatação. Uma entrada vazia ou só com espaços devolve um resultado vazio.
-
Como gerar um layout CSS Flexbox
Introduza os valores de direção, justificação, alinhamento, quebra de linha e espaçamento para gerar um snippet CSS Flexbox configurado. Se deixar campos por preencher, são aplicados os valores predefinidos revistos.
-
Como procurar nomes de cores por nome ou código hexadecimal
Pode procurar uma cor pelo nome ou pelo seu valor hexadecimal de seis dígitos. Uma pesquisa hexadecimal válida sem correspondência direta pode devolver uma cor nomeada próxima.
-
Como gerar formas CSS clip-path com tamanho e posição
Escolha uma forma, ajuste o tamanho e a posição quando aplicável e obtenha um trecho CSS com `clip-path`. Círculos e elipses usam esses valores; as formas poligonais disponíveis seguem coordenadas fixas.
-
Como gerar código CSS box-shadow
Introduza os valores da sombra, escolha a cor e ative `inset` se quiser uma sombra interior. O gerador produz uma declaração CSS `box-shadow` com os valores fornecidos e as unidades `px` nos campos numéricos.
-
Como gerar uma animação CSS com keyframes configuráveis
Preencha os parâmetros, gere o texto CSS e compare a declaração com os keyframes apresentados. O resultado configura a animação, mas conserva duas etapas visuais de opacidade e deslocação vertical.
-
Como gerar cartões de crédito fictícios para testes
Selecione um tipo suportado, defina uma quantidade entre 1 e 20 e ligue os detalhes adicionais apenas se o teste precisar desses campos. Sem quantidade indicada, o gerador cria um cartão fictício destinado a testes.
-
Como calcular uma contagem decrescente até uma data e hora
Introduza uma data e hora futuras no formato `YYYY-MM-DD HH:MM` e peça o cálculo. Receberá o tempo restante em segundos, dias, horas, minutos e segundos.
-
Como calcular o crescimento com juros compostos
Introduza o capital, a taxa, a duração, a capitalização e, se necessário, as contribuições. A calculadora estima o crescimento por juros compostos e apresenta os montantes arredondados a duas casas decimais.
-
Como gerar variações mais claras e mais escuras de uma cor
Introduza uma cor, escolha o número de passos e selecione as variações mais claras, mais escuras ou ambos os grupos. O resultado apresenta a cor base e as entradas geradas para cada grupo incluído.