CSS Gradyan Metin Oluşturucu
Canlı önizleme ve kopyalanabilir CSS ile gradyan metin stilleri oluşturun.
Bu araç tüm verileri cihazınızda yerel olarak işler.
Girdi
Gradyan
deg
Tipografi
px
Çıktı
Önizleme
100%
CSS kodu
Readme
CSS'de degrade metin nasıl çalışır?
CSS'de "metin degradeyi" özelliği yoktur. Yaygın yöntem, degrade efekti öğenin arka planına uygulamak, background-clip: text ile bu arka planı harflerin şekline göre kırpmak ve degradenin görünmesi için metin dolgusunu saydam yapmaktır.
Araç açıklaması
Metninizi yazın, başlangıç ve bitiş renklerini seçin, açıyı ayarlayın. Araç, canlı bir önizleme gösterir ve kopyalayabileceğiniz CSS kodunu verir. Ayrıca önizlemenin sayfanızda kullanacağınız görünüme uyması için yazı tipi ailesini, kalınlığını ve boyutunu değiştirebilirsiniz.
Oluşturulan kural şöyle görünür:
.gradient-text {
background-image: linear-gradient(135deg, #f97316 0%, #0ea5e9 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}Gerçek çıktı, yazı tipi ayarlarını ve satır kaydırma kurallarını da içerir.
Özellikler
- 0 ile 360 derece arasında açı ayarı yapılabilen iki renkli doğrusal degrade
- Yazı tipi ailesi, kalınlığı ve boyutu kontrolleri
- Görsel olarak dışa aktarabileceğiniz canlı önizleme ve kopyalayıp yapıştırmaya hazır CSS kodu
Yorumlar
Araç bilgisi
Oluşturuldu
Son güncelleme
Etiketler
cssgradienttextgeneratortext gradienttypographybackground clipcolordesignstylewebfrontend
Benzer Araçlar
Herhangi bir giriş renginden ayrık tamamlayıcı renkler oluşturun: renk çemberinde, rengin tamamlayıcısının çevresine eşit aralıklarla dağılan iki veya daha fazla ton. Renk sayısını ve dağılım açısını ayarlayabilirsiniz.
Linux'tan Wake on LAN sihirli paketi gönderen yerel bir bash veya zsh komutu oluşturun. Python 3, Perl veya bash /dev/udp kullanır; wakeonlan ya da etherwake yüklemeniz gerekmez.
Bir fotoğrafın dört köşesini sürükleyerek fotoğrafı 3D görünümünde eğin veya bir tabela, ekran ya da duvara yerleştirin. Hassas perspektif hesaplaması ve tam boyutlu indirme sunar; tarayıcınızda çalışır.
Göm
Bu aracı her yerde ücretsiz olarak gömün. Yardıma mı ihtiyacınız var? Rehberimizi kontrol edin.
Sorumluluk Reddi
Bu web sitesinde sağlanan araçlar, kullanıcıların çeşitli sorunları çözmelerine yardımcı olmak için tasarlanmıştır. Araçların doğru ve etkili olmasını sağlamak için çaba göstersek de, herhangi bir aracın çıktısının %100 doğru veya hatasız olacağını garanti edemeyiz. Bu araçlar tarafından üretilen sonuçlar olduğu gibi sunulur ve dikkatli kullanılmalıdır. Kullanıcıların önemli bilgileri veya sonuçları ek kaynaklar veya profesyonel tavsiye ile doğrulamalarını öneririz; çünkü bu araçların kullanımından doğabilecek sonuçlardan sorumlu tutulamayız. Bu web sitesini kullanarak, sağlanan sonuçların doğruluğu ve kullanımıyla ilgili tüm riskleri üstlenmeyi kabul etmiş olursunuz.