Nessa dica bem legal é possível implementar figuras geométricas sem perder qualidade e ao mesmo tempo ganhar velocidade no carregamento de páginas web, como posts em blogs e sites, usando apenas alguns códigos em CSS.
Quando não é a Matemática ajudando diversos ramos da Ciência ou interligando situações do nosso cotidiano, é a tecnologia ajudando a Matemática para organizar-se melhor ainda. Nessa dica bem legal é possível implementar figuras geométricas sem perder qualidade e ao mesmo tempo ganhar velocidade no carregamento de páginas web, como posts em blogs e sites, usando apenas alguns códigos em CSS.
Logo abaixo algumas figuras como: quadrado, retângulo, círculo, elipse (oval), triângulos, paralelogramo, trapézio e outras mais.
Quadrado
Quadrado
Retângulo
Círculo
Elipse (popularmente chamado de Oval)
Triângulo
Paralelogramo
Trapézio (Nesse caso, isósceles)
Nos links abaixo estão os códigos para implementar outras figuras geométricas.
Fonte: css-tricks.com.
Interessante. E ainda mais porque são comandas bem básicos que todos já conhecem, com exceção do paralelogramo. Eu nunca tinha visto esse skew.
ResponderExcluirOlá, Eri!
ExcluirNa época que lancei o artigo em 2011, também fiquei surpreso.
Obrigado por sua presença aqui.
Abraço!
Algumas figuras não dão certo com Box Model Corrigido para box-sizing: border-box, mas consegui fazer todas com alguns ajustes. Obrigado pelo artigo!!!
ResponderExcluirOlá, Heitor!
ExcluirEste artigo é de 2011 e realmente estou surpreso por você ter conseguido implementar algo. Sabemos que estas tecnologias atualizam muito rapidamente.
Um abraço cara!