UTILS.
%100 tarayıcıda

CSS Üçgen Oluşturucu

Herhangi bir yönde saf CSS üçgeni oluşturun ve CSS'i kopyalayın.

Bu araç hakkında

Klasik border hilesini kullanarak saf bir CSS üçgeni üretin — bir yön, boyut ve renk seçin, ardından kuralı kopyalayın. Önizleme canlı olarak güncellenir ve her şey tarayıcınızda çalışır.

Sık sorulan sorular

Border hilesi nasıl çalışır?
Genişliği ve yüksekliği sıfır olan bir öğe yalnızca kenarlıklarını gösterir; üç kenarlığı saydam yaptığınızda geriye üçgen biçimli tek bir renkli kenarlık kalır.
Genişlik ve yükseklik neden 0 olarak ayarlanır?
Kutu alanı olmadığında kenarlıklar merkezde buluşur; böylece görünen tek kenarlık kalın bir kenar yerine düzgün bir üçgene dönüşür.

Daha fazla araç