Crear triángulos CSS puros con esta aplicación web gratuita

Hay un gran impulso para hacer que la web sea un lugar más amigable para CSS . Durante años, las imágenes siempre han sido la solución para los piratas informáticos de la repetición de fondos a la técnica de puertas correderas. Pero ahora es más fácil que nunca crear patrones, iconos y efectos especiales con CSS3.

Con este generador de triángulos, puede diseñar el tamaño y la forma de cualquier triángulo que desee. Automáticamente escupirá una clase CSS que puedes aplicar a cualquier elemento.

En los paneles de opciones, puede cambiar el color y la dirección del triángulo (arriba / abajo y hacia los lados). También puedes cambiar el ancho / alto del triángulo e incluso interferir con el sesgo izquierdo / derecho si haces un triángulo escaleno.

Esta es, de lejos, una de las mejores aplicaciones web que he visto en mi vida. Está alojado en Designyourcode, que es un sitio lleno de excelentes artículos de blog y herramientas gratuitas de desarrollo web.

Y para todos los amantes de la compatibilidad con versiones anteriores, tiene la opción de incluir la función Microsoft.Chroma en CSS, que agrega compatibilidad con los usuarios de IE6 . Menos del uno por ciento del mundo incluso usa IE6 pero sigue siendo una buena opción.

Para agregar un triángulo CSS puro a su sitio, solo copie / pegue la clase CSS con las reglas en su hoja de estilo. Luego da esta clase a cualquier