Daily Toolkits

CSS Üçgen Oluşturucu

Klasik kenarlık numarasıyla CSS üçgenleri oluşturun. Yönü, boyutu ve rengi ayarlayın, ardından parçayı kopyalayın.

CSS Triangle Generator

Live

CSS output

width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 60px solid #e11d48;

Key capabilities

  • Yön, boyut ve renk gibi kenarlık hileleriyle CSS üçgenleri oluşturun.
  • Tarayıcınızda çalışır
  • Kullanımı ücretsiz

Nasıl kullanılır

  1. Üçgen yönünü seçin.
  2. Boyutu ve dolgu rengini ayarlayın.
  3. CSS'yi kopyalayın.

How this tool works

  1. Üçgen yönünü seçin.
  2. Boyutu ve dolgu rengini ayarlayın.
  3. CSS'yi kopyalayın.

Recommended settings

  • Önce varsayılan seçenekleri kullanın, ardından gerekirse ayarlayın

Supported formats

Text / on-page input

File size and limits

  • Çok karmaşık, çok katmanlı önizlemeler eski telefonlarda daha yavaş gelebilir.

Privacy

Renk ve CSS oluşturucular tamamen tarayıcınızda çalışır. Önizlemeler ve dönüşümler hiçbir zaman stillerinizi yüklemez.

Common use cases

  • İhtiyacınız olduğunda CSS Üçgen Oluşturucu'yu kullanın: Yön, boyut ve renk gibi kenarlık hileleriyle CSS üçgenleri oluşturun.

Troubleshooting

Yapıştırma işleminden sonra önizleme farklı görünüyor

Sayfanızda rakip CSS olup olmadığını kontrol edin (sıfırlamalar, devralınan renkler). Oluşturulan kuralı önce yalıtılmış bir stil sayfasına kopyalayın.

SSS

Bu benim CSS'mi yüklüyor mu?

Hayır. Oluşturucular ve dönüştürücüler tarayıcınızda canlı önizlemeyle çalışır.

Bir hesaba ihtiyacım var mı?

Hayır. Aracı açın, kontrollerde ince ayarlar yapın ve CSS'yi kopyalayın.

İlgili araçlar

CSS Clip Path Generator

Build polygon and shape clip-paths with an interactive preview.

Open tool

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool