Vytvořit Pure CSS trojúhelníky s touto bezplatnou webovou aplikaci

Je tu velký tlak, aby se web a více CSS-přátelské místo. Po celá léta, snímky byli vždy řešení hacků prohlížeče od opakování pozadí až po techniku posuvných dveří. Ale teď je to jednodušší než kdy jindy vytvářet vzory, ikony a speciální efekty s CSS3.

S tento generátor trojúhelníku, můžete navrhnout velikosti a tvaru jakéhokoliv trojúhelníku ty chceš. Bude to automaticky vyplivnout CSS třídu které lze použít na libovolný prvek.

V panelech možností můžete změnit trojúhelník barva a směr (nahoru / dolů a do strany). Můžete také změnit trojúhelník šířka výška a dokonce i nepořádek s šikmo vlevo / vpravo pokud uděláte trojúhelníkový trojúhelník.

To je zdaleka jedna z nejlepších webových aplikací, jaké jsem kdy viděl. To je hostuje na Designyourcode což je stránka plná skvělých blogových článků a bezplatných webových dev nástrojů.

A pro všechny milovníky zpětná kompatibilita, máte možnost zahrnout Microsoft.Chroma funkce v CSS přidává podporu pro uživatele IE6. Méně než jedno procento světa dokonce používá IE6, ale je to stále pěkná volba.

Na přidat čistý CSS trojúhelník na vaše stránky zkopírujte / vložte CSS třídu s pravidly do vašeho stylu. Pak dejte této třídě každému

nebo prvek prázdného bloku.

Například na vytvořte trojúhelník směřující nahoru kód zkopírujete a přidáte takový prvek:

Že mohlo by být element na úrovni bloku, nebo by to mohlo být absolutně v rámci jiného prvku.

Možnosti jsou nekonečné a tento nástroj může nabídnout lepší alternativu než hraniční hack CSS. Chcete-li začít, navštivte stránku webové aplikace trojúhelník a změnit hodnoty podle vašich představ.