ifBuyz Tools
ڈیزائن

CSS ٹرائینگل جنریٹر

ان پٹ

سمت، بنیاد کی چوڑائی، اونچائی اور رنگ منتخب کریں۔

سمت
Base Width60px
اونچائی80px

بنایا گیا CSS کاپی کریں اور اسے خالی عنصر پر لاگو کریں۔

آؤٹ پٹ

.triangle {
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-bottom: 80px solid #6366f1;
}

اکثر پوچھے گئے سوالات

CSS Triangle کیسے بنتا ہے؟
zero-size element کی borders سے مثلثی شکل تیار کی جاتی ہے۔
سمت کیسے بدلی جاتی ہے؟
جس border کو visible رکھیں گے، triangle اسی طرف بنے گا۔
عام استعمال کیا ہے؟
tooltips، pointers اور dropdown arrows میں۔