Page d'accueil » Création de sites web » Créer de purs triangles CSS avec cette application Web gratuite

    Créer de purs triangles CSS avec cette application Web gratuite

    Il y a un grand effort pour faire du Web un endroit plus favorable aux CSS. Pendant des années, images ont toujours été les solution aux hacks de navigateur des arrière-plans répétés à la technique des portes coulissantes. Mais maintenant, il est plus facile que jamais de créer des motifs, des icônes et des effets spéciaux avec CSS3.

    Avec ce générateur de triangle, vous pouvez concevoir le taille et forme de n'importe quel triangle tu veux. Ça va automatiquement cracher une classe CSS que vous pouvez appliquer à n'importe quel élément.

    Dans les panneaux d'options, vous pouvez changer le triangle couleur et direction (haut / bas et latéralement). Vous pouvez aussi changer le triangle largeur hauteur et même déconner avec le asymétrie gauche / droite si vous faites un triangle scalène.

    C'est de loin l'une des applications web les plus cool que j'ai jamais vues. Ses hébergé sur Designyourcode qui est un site plein d'excellents articles de blog et d'outils de développement Web gratuits.

    Et pour tous les amoureux de rétrocompatibilité, vous avez la possibilité d'inclure le Microsoft.Chroma fonctionnalité en CSS qui ajoute le support pour les utilisateurs IE6. Moins d'un pour cent du monde utilise même IE6, mais cela reste une bonne option.

    À ajouter un triangle CSS pur sur votre site, juste copier / coller la classe CSS avec les règles dans votre feuille de style. Puis donnez cette classe à tout

    ou un élément de bloc vide.

    Par exemple, pour faire un triangle ascendant vous copiez le code et ajoutez un élément comme celui-ci:

      

    Cette pourrait être un élément de niveau bloc aussi bien, ou ce pourrait être positionné absolument dans un autre élément.

    Les possibilités sont infinies et cet outil peut offrir une meilleure alternative que le hack de la frontière CSS. Pour commencer, il suffit de visiter le application web triangle et changer les valeurs à votre goût.