Centralizar div – na vertical, especialmente – é sempre um drama para o frontend, infelizmente não existe uma forma simples como apenas usar um align: center, mas hoje existem algumas formas diferentes que podemos usar para atingir o objetivo (também é possível fazer com Javascript). Abaixo seguem 5 maneiras diferentes, de como centralizar uma div […]

Continue lendo "5 maneiras de centralizar uma div com CSS"

CSS shorthand

Categorias: CSS

No português é conhecido como CSS curto, resumido ou abreviado. Existem algumas formas de escrever um CSS, mas ao fazê-lo resumido deixa o arquivo final menor, o que ajuda no desempenho das páginas. Background Completo: Resumido: Border Completo: Resumido: Margin Completo: Resumido: Padding Completo: Resumido: Font Completo: Resumido: List Completo: Resumido:

Continue lendo "CSS shorthand"

Pode chamar de triângulo ou seta, dependendo do objetivo com a forma geométrica. Seta para cima E onde quiser mostrar a seta, usar a div: Seta para baixo E onde quiser mostrar a seta para baixo, usar a div: Seta para a direita Onde quiser mostrar a seta para a direita, usar a div: Seta […]

Continue lendo "Triângulo em CSS"

CSS para fazer uma imagem com forma de paralelograma: O -9deg gira 9 graus negativo a div.Já o 9deg deixa a imagem com 9 graus positivo, para não ficar torta dentro da div. Pode alterar esses valores para mais ou menos, dependendo do resultado que deseja. Onde quer mostrar a imagem usar: Se quiser, pode […]

Continue lendo "Paralelograma com CSS"