Skapa rena CSS-trianglar med denna gratis webbapp

Det är ett stort tryck för att göra webben a mer CSS-vänlig plats. I åratal, bilder var alltid den lösning på webbläsarehackar från upprepande bakgrunder till skjutdörrtekniken. Men nu är det lättare än någonsin att skapa mönster, ikoner och specialeffekter med CSS3.

Med denna triangeln generator, du kan designa storlek och form av vilken triangel som helst du vill. Det kommer automatiskt spotta ut en CSS-klass som du kan ansöka om något element.

I alternativpanelen kan du ändra triangeln färg och riktning (upp / ner och sidled). Du kan också ändra triangeln bredd höjd och till och med röra med vänster / höger skev om du gör en skalentriangel.

Detta är överlägset en av de coolaste webbapparna jag någonsin sett. Dess värd på Designyourcode vilket är en webbplats full av stora bloggartiklar och gratis webbverktyg.

Och för alla älskare av bakåtkompatibilitet, du har möjlighet att inkludera Microsoft.Chroma funktion i CSS vilket lägger till stöd för IE6-användare. Mindre än en procent av världen använder även IE6 men det är fortfarande ett bra alternativ.

Till lägg till en ren CSS-triangel till din webbplats, bara kopiera / klistra in CSS-klassen med reglerna in i ditt stilark. Ge sedan den här klassen till någon

eller tomt blockelement.

Till exempel till gör en uppåtriktad triangel du skulle kopiera koden och lägga till ett element så här:

Den där kan vara ett blocknivåelement också, eller det kan vara placerad absolut inom ett annat element.

Möjligheterna är oändliga och det här verktyget kan erbjuda ett bättre alternativ än CSS-gränshacket. För att komma igång, besök bara triangeln webbapp och ändra värdena till din smak.