Página principal » Diseño web » Crea triángulos CSS puros con esta aplicación web gratuita

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

    Hay un gran impulso para hacer de la web una lugar más amigable con CSS. Durante años, imagenes siempre fueron los solución a los hacks del navegador Desde la repetición de fondos hasta la técnica de puertas correderas. Pero ahora es más fácil que nunca Crea patrones, iconos y efectos especiales. con CSS3.

    Con este generador triangular, puedes diseñar el Tamaño y forma de cualquier triángulo. usted quiere. Lo hará automáticamente escupir una clase de CSS que puedes aplicar a cualquier elemento.

    En los paneles de opciones, puedes cambiar el triángulo. color y direccion (arriba / abajo y de lado). También puedes cambiar el triángulo. ancho / alto e incluso meterse con el inclinación izquierda / derecha si haces un triángulo escaleno.

    Esta es, de lejos, una de las aplicaciones web más geniales que he visto. Sus alojado en Designyourcode que es un sitio lleno de excelentes artículos de blog y herramientas de desarrollo web gratuitas.

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

    A añade un triángulo CSS puro a tu sitio, solo Copia / pega la clase CSS con las reglas. en su hoja de estilo. Entonces da esta clase a cualquier

    o elemento de bloque vacío.

    Por ejemplo, para haz un triángulo que apunte hacia arriba Copiarías el código y agregarías un elemento como este:

      

    Ese podría ser un elemento de nivel de bloque también, o podría ser posicionado absolutamente dentro de otro elemento.

    Las posibilidades son infinitas y esta herramienta puede ofrecer una mejor alternativa que el borde de CSS hackear. Para empezar, simplemente visite el aplicación web triángulo y cambiar los valores a tu gusto.