Crie triângulos CSS puros com este aplicativo gratuito na Web

Há um grande esforço para tornar a web mais lugar amigável para CSS. Por anos, imagens eram sempre os solução para hacks de navegador de repetir fundos para a técnica de portas de correr. Mas agora é mais fácil do que nunca criar padrões, ícones e efeitos especiais com CSS3.

Com este gerador de triângulo, você pode projetar o tamanho e forma de qualquer triângulo você quer. Vai automaticamente cuspir uma classe CSS que você pode aplicar a qualquer elemento.

Nos painéis de opções, você pode alterar o cor e direção (para cima / para baixo e para os lados). Você também pode mudar o triângulo largura altura e até mexer com o inclinação da esquerda / direita se você fizer um triângulo escaleno.

Este é de longe um dos melhores apps da web que eu já vi. Está hospedado em Designyourcode que é um site cheio de ótimos artigos de blog e ferramentas gratuitas de desenvolvimento web.

E para todos os amantes de compatibilidade com versões anteriores, você tem a opção de incluir o Microsoft.Chroma recurso em CSS que adiciona suporte para usuários do IE6. Menos de 1% do mundo usa o IE6, mas ainda é uma boa opção.

Para adicione um triângulo CSS puro para o seu site, apenas copie / cole a classe CSS com as regras na sua folha de estilo. Então dê essa classe para qualquer

ou bloco vazio.

Por exemplo, para faça um triângulo apontando para cima você copia o código e adiciona um elemento como este:

que poderia ser um elemento de nível de bloco também, ou poderia ser posicionado absolutamente dentro de outro elemento.

As possibilidades são infinitas e esta ferramenta pode oferecer uma alternativa melhor do que o corte de fronteira CSS. Para começar, basta visitar o aplicação web triangular e mudar os valores ao seu gosto.