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.
Mais figuras: https://codepen.io/Heitor3500/pen/KKVRqXz Enviado pelo CodePen de Heitor.
Olá, Eri!
ResponderExcluirNa é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!
Coloquei alguns códigos no Codepen; https://codepen.io/Heitor3500/pen/KKVRqXz
ResponderExcluirOlá, Heitor!
ExcluirFicou massa! Adicionei ao post.
Obrigado cara!
Abraço!