UTILS.
Gizlilik varsayılandır
▲

CSS Üçgen Oluşturucu

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

Dosyalarınız bu cihazda kalır

Dosyalar tarayıcınızda işlenir, asla sunucuya yüklenmez. Site, araçları çalıştırmak için gereken kod ve kaynakları indirir. Hesap veya takip yoktur.

Bu aracı çevrimdışı kullanım için tek bir HTML dosyası olarak kaydetmek üzere İndir'i kullanın.

Gizlilik →

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ç