CSS Fonksiyon Referans El Kitabı

CSS Fonksiyonları

CSS fonksiyonları değerleri hesaplamak, dizileri işlemek veya renkler, karmaşık yansıma ve şekiller oluşturmak gibi işlemler için kullanılır.

CSS fonksiyonları genellikle çeşitli CSS özelliklerinin değerleri olarak kullanılır.

Fonksiyon Açıklama
acos() -1 ve 1 arasındaki bir sayının反正cosinüs değerini döndürür.
asin() -1 ve 1 arasındaki bir sayının反正sinüs değerini döndürür.
atan() -∞ ve ∞ arasındaki bir sayının反正tanjant değerini döndürür.
atan2() -∞ ve ∞ arasındaki iki değerin反正tanjant değerini döndürür.
attr() Seçili elementin özellik değerini döndürür.
blur() Elemente bulanık etki uygular.
brightness() Elementin parlaklığını (daha aydınlık veya daha karanlık) ayarlar.
calc() CSS özellik değerlerini belirlemek için hesaplamalar yapmaya izin verir.
circle() Daire tanımlar.
clamp() Bir değeri ayarlar, bu değer göz küresinin boyutlarına göre en küçük ve en büyük değer arasında ayarlanır.
color() Belirli bir belirtilen renk alanında renk belirlemeye izin verir.
color-mix() Belirtilen renk alanında belirtilen oranda iki renk değeri karıştırır.
conic-gradient() Kürekli yansıma oluşturur.
contrast() Elementin kontrastını ayarlar.
cos() Açının kosinüs değerini döndürür.
counter() Adlandırılmış sayıcıların mevcut değerini döndürür.
counters() Adlandırılmış ve iç içe sayıcıların mevcut değerlerini döndürür.
cubic-bezier() Üçüncü dereceden Bezier eğrisi tanımlar.
drop-shadow() Görseli projeksiyon etkisi uygular.
ellipse() Elipsi tanımlar.
exp() E'nin belirli sayı x'ın katsayısını döndürür (Ex)
fit-content() Elementlerin boyutlarını içeriklere göre ayarlamaya izin verir.
grayscale() Görseli gri tonlarına dönüştürür.
hsl() / hsla() Renkleri renk tonu-satürasyon-parlaklık modeli (HSL) kullanarak tanımlar; alpha bileşeni seçenekli olarak içerir.
hue-rotate() Elemente renk dönüşümü uygular.
hwb() Renkleri renk tonu-beyazlık-karlık modeli (HWB) kullanarak tanımlar; alpha bileşeni seçenekli olarak içerir.
hypot() Parametrelerin karelerinden çıkan karekökünü döndürür.
inset() Referans çerçevesinin her bir yanına belirli bir iç gömme mesafesi olan bir düzgeç tanımlar.
invert() Görseli renklerin tersini döndürür.
lab() CIE Lab renk alanında renk belirtir.
lch() LCH (parlaklık-çekim-renk) renk alanında renk belirtir.
light-dark() İki renk değeri ayarı etkinleştirir, kullanıcı hafif tema ayarladıysa birinci değeri döndürür;
Kullanıcı koyu tema ayarladıysa ikinci değeri döndürür.
linear-gradient() Doğrusal değişim oluşturur.
log() Belirtilen sayının doğal logaritması (E tabanında), veya belirtilen tabanın logaritması döndürür.
matrix() 2D değişim için altı değerli matris kullanarak tanımlar.
matrix3d() 3D değişim için 4x4 matris kullanarak tanımlar.
max() Değer listesindeki en büyük değeri kullanarak özellik değeri olarak belirtir.
min() Değer listesindeki en küçük değeri kullanarak özellik değeri olarak belirtir.
minmax() En küçük değerden büyük veya eşit, en büyük değerden küçük veya eşit olan bir ölçek aralığını tanımlar (CSS ağı için kullanılır).
mod() Bir sayının diğerine bölünmesinden kalanı döndürür.
oklab() OKLAB renk alanında renk belirtir.
oklch() OKLCH renk alanında renk belirtir.
opacity() Elemente şeffaflık etkisi uygular.
perspective() 3D değişim elementlerine perspektif görünümü tanımlar.
polygon() 多边形 tanımlar.
pow() Bir sayının (x) diğerinin (y) kati kuvvetini döndürür.
radial-gradient() Yatay doğru değişim oluşturur.
ray() Animasyon elemanlarının izlemesi gereken ofset yol segmentini tanımlar.
rem() Bir sayının diğerine bölünmesinden kalanı döndürür.
repeat() Bir grup sütun veya satırı ağda tekrarlar.
repeating-conic-gradient() Tekrarlanan konik değişim.
repeating-linear-gradient() Tekrarlanan doğrusal değişim.
repeating-radial-gradient() Tekrarlanan yatay doğru değişim.
rgb() / rgba() Kırmızı-mavi-mavi (RGB) modeli kullanarak renkleri tanımlar; alpha bileşeni seçeneklidir.
rotate() Elemanın 2D dönüşümünü tanımlar.
rotate3d() Elemanın 3D dönüşümünü tanımlar.
rotateX() Elemanın x eksenine göre (yatay) 3D dönüşümünü tanımlar.
rotateY() Elemanın y eksenine göre (dikey) 3D dönüşümünü tanımlar.
rotateZ() Elemanın z eksenine göre 3D dönüşümünü tanımlar.
round() Belirtilen yuvarlama stratejisine göre sayıları yuvarlar.
saturate() Elemanın doygunluğunu (renk yoğunluğunu) ayarlar.
scale() Elemanın 2D ölçeklemesini tanımlar.
scale3d() Elemanın 3D ölçeklemesini tanımlar.
scaleX() Elementi yatay olarak ölçeklendirir (genişlik).
scaleY() Elementi dikey olarak ölçeklendirir (yükseklik).
sepia() Görseli siyah-beyaz tonuna dönüştürür.
sin() Sayının (dörtgen) sinus değerini döndürür.
skew() Elementi x ve y eksenlerine göre yatay eğimlendirir.
skewX() Elementi x eksenine göre yatay eğimlendirir.
skewY() Elementi y eksenine göre yatay eğimlendirir.
sqrt() Sayının karekök değerini döndürür.
steps() Animasyon için adım adım zamanlama fonksiyonu oluşturmak için.
tan() Sayının cotanjant değerini döndürür.
translate() Elementin x ve y eksenlerine göre yeniden konumlandırma izni verilir.
translateX() Elementin x eksenine göre yeniden konumlandırma izni verilir.
translateY() Elementin y eksenine göre yeniden konumlandırma izni verilir.
url() Stil tablosunda dosya içerme izni verilir.
var() Özel bir değer ekleme.