Easy24Easy24
PDFGörselVideoMetinDönüştürÜretHesaplaGeliştiriciGüvenlikZaman

CSS Üçgen

Yukarı, aşağı, sol veya sağ bakan CSS border üçgenleri. Şablonlar, renk seçici, canlı önizleme, kopyala veya indir.

GizliTarayıcıdaAnındaLimitsiz

Yaklaşık sınır kutusu: 64px × 32px

Klasik sıfır genişlik/yükseklik kutu, şeffaf kenarlıklar ve tek renkli taraf.

Nasıl çalışır

1

Yön seç

Yukarı, aşağı, sol veya sağ seçin. Her yön farklı kenarlık tarafını renklendirir.

2

Boyut ve renk ayarla

Kenarlık boyutu üçgen yüksekliğini veya genişliğini kontrol eder. Renk için seçici veya hex kullanın.

3

CSS kopyala

Şekli önizleyin, tooltip, caret ve oklar için triangle.css kopyalayın veya indirin.

Neden CSS border üçgenleri?

clip-path yaygınlaşmadan önce border üçgenleri, görsel olmadan caret ve ok eklemenin hafif yoluydu.

Neden bu araç

  • Dört ana yön
  • Canlı border-üçgen önizleme
  • Beş hızlı şablon
  • Hex renk girişi
  • Sınır kutusu boyutları
  • Sınırsız kullanım — günlük limit yok

Sorular

CSS Üçgen ne yapar?

Renkli kenarlıklar tekniğiyle üçgen için CSS çıktısı verir.

Neden genişlik ve yükseklik sıfır?

Görünür alanı yalnızca kenarlık kalınlıkları oluşturur. Şeffaf kenarlıklar eğimli yanları yapar.

Yuvarlak üçgen yapılabilir mi?

Border trick ile değil. Yuvarlak veya karmaşık şekiller için clip-path veya SVG kullanın.

Kenarlık boyutu ne anlama gelir?

Her kenarlık tarafının piksel genişliğidir — yukarı üçgende alt kenarlık yüksekliği belirler.

CSS'im sunucuya gider mi?

Hayır. Oluşturma tamamen bu tarayıcı sekmesinde çalışır.

Günlük limit var mı?

Hayır. Bu oluşturucu ücretsiz planda sınırsızdır.

Easy24 işine yaradıysa kahve ısmarla

Araçlar tarayıcıda ücretsiz kalır. Kreosus üzerinden tek seferlik destek verirsin. Türkiye kartları geçer.

Kahve ısmarla

Benzer Geliştirici araçları

Tümünü gör

JSON Biçimlendirici

Geliştirici

JSON'u tarayıcıda güzelleştir, küçült, doğrula ve anahtarları sırala. 2 veya 4 boşluk girinti, dosya içe aktarma ve indirme.

Aç

Meta Etiket Üretici

Geliştirici

SEO başlık, açıklama, Open Graph, Twitter Card ve canonical etiketlerini canlı sosyal önizleme ile oluştur. Tarayıcıda çalışır.

Aç

CSS Gradyan Oluşturucu

Geliştirici

Doğrusal ve radyal CSS gradyanları tasarla; üç renk durağına kadar. Canlı önizleme, hazır şablonlar, hex girişi, kopyala veya indir.

Aç