Opprett rene CSS triangler med denne gratis webapps

Det er et stort trykk for å gjøre nettet a mer CSS-vennlig sted. I mange år, Bilder var alltid den løsning på nettleserhack fra gjentatte bakgrunner til skyvedørsteknikken. Men nå er det enklere enn noensinne å lag mønstre, ikoner og spesialeffekter med CSS3.

Med denne trekantgeneratoren, du kan designe størrelse og form av hvilken som helst trekant du vil. Det kommer automatisk spytte ut en CSS klasse som du kan søke på ethvert element.

I alternativpanelene kan du endre trekantens farge og retning (opp / ned og sidelengs). Du kan også endre trekantens bredde høyde og til og med rote med venstre / høyre skrå hvis du lager en scalene-trekant.

Dette er langt en av de kuleste webappene jeg noensinne har sett. Det er vert på Designyourcode som er et nettsted fullt av flotte blogg artikler og gratis web dev verktøy.

Og for alle elskere av bakoverkompatibilitet, du har muligheten til å inkludere Microsoft.Chroma funksjon i CSS som legger til støtte for IE6-brukere. Mindre enn en prosent av verden bruker selv IE6, men det er fortsatt et fint alternativ.

Til legg til en ren CSS trekant til nettstedet ditt, bare kopier / lim inn CSS-klassen med reglene inn i stilarket ditt. Gi så denne klassen til noen

eller tomt blokkelement.

For eksempel til lage en oppadgående trekant Du vil kopiere koden og legge til et element som dette:

At kunne vært et blokknivå element også, eller det kan være posisjonert absolutt innenfor et annet element.

Mulighetene er uendelige og dette verktøyet kan tilby et bedre alternativ enn CSS-grensesnittet. For å komme i gang, bare besøk trekant web app og endre verdiene til din smak.