2 adet 3 gen oluşturup turuncu alanın içinde birini üste,birini sağa position ile yarısı alan dışına taşacak şekilde yerleştirerek yapabilirsin.turuncu alanaca overflow:hidden; vererek,taşan kısımları gizlemelisin.üçgen için
http://apps.eky.hk/css-triangle-generator/ şurayı kullanabilirsin.