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

Kenarlık boyutu 32px

Renk

CSS çıktısı

width: 0;
height: 0;
border-left: 32px solid transparent;
border-right: 32px solid transparent;
border-bottom: 32px solid #0f6e68;

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

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

Önizleme

Nasıl çalışır

Yön seç

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

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.

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. CSS Üçgen, Easy24’ün geliştirici araçlarından biridir. Normal kullanımda girdin bu sekmede kalır; Easy24 bu içeriği işlemek için yüklemez. Bu aracın günlük ücretsiz plan tavanı yoktur; istediğin kadar kullan. Tipik akış: Yön ve boyut seç, renk belirle, üçgeni önizle, CSS'i kopyala veya indir. Takip adımı yaygınsa sayfada ilgili araçlar ve ters dönüşümler görünür.

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.

Easy24 işine yaradıysa kahve ısmarla

Araçlar ücretsiz kalır. Teşekkür etmek istersen tek seferlik bağış yapabilirsin.

Kahve ısmarla

CSS Üçgen ne zaman kullanılır

Ekipler ve bireyler CSS Üçgen aracını, hız ve gizliliğin özellik dolu bir paketten daha önemli olduğu günlük işlerde kullanır. Yukarı, aşağı, sol veya sağ bakan CSS border üçgenleri. Geliştirici yardımcıları küçük işlerde sürtünmeyi azaltır: biçimlendirme, parçacıklar, renkler, yükleyiciler ve diğer ön yüz yardımcıları. Yalnızca CSS Üçgen için masaüstü paketi kurmakla kıyaslandığında, özel bir sayfa arayüzü küçük ve amacı net tutar. Kota çerezleri anonim günlük ücretsiz plan kullanımlarını izleyebilir. Bu, dosya baytlarınızı veya yapıştırılan metni almak demek değildir. Bu sayfanın günlük ücretsiz plan tavanı yoktur; istediğiniz kadar çalıştırabilirsiniz. Ücretsiz plan limiti varsa çalışma alanı indirmeden önce kalan kullanımları gösterir, böylece uzun bir bekleyişten sonra sürpriz olmaz. Easy24’te araç sayfaları İngilizce ve Türkçe senkron tutulur; davranış aynı kalır.

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ç