webattack.pl - CSS - funkcje

start / CSS / funkcje

CSS - funkcje

Funkcje CSS

Funkcje CSS są używane jako wartości dla różnych właściwości CSS.

Funkcje Matematyczne

Funkcja	Opis
`calc()`	Umożliwia wykonywanie obliczeń na numerycznych wartościach CSS.
`max()`	Ustawienie największej wartości z listy wyrażeń.
`min()`	Ustawienie najmniejszej wartość z listy wyrażeń.

Funkcje Transformacji

Funkcja	Opis
`matrix()`	Określa transformację 2D w postaci macierzy transformacji składającej się z sześciu wartości.
`rotate()`	Obraca element o określony kąt wokół początku elementu, zgodnie z definicją właściwości transform-origin.
`rotateX()`	Obraca element o zadany kąt wokół osi X.
`rotateY()`	Obraca element o zadany kąt wokół osi Y.
`scale()`	Skaluj szerokość i wysokość elementu w górę lub w dół o podaną wartość.
`scaleX()`	Skaluje element wzdłuż osi X.
`scaleY()`	Skaluje element wzdłuż osi Y.
`skew()`	Pochyla element o zadany kąt wzdłuż osi X i Y.
`skewX()`	Pochyla element o zadany kąt wzdłuż osi X.
`skewY()`	Pochyla element o zadany kąt wzdłuż osi Y.
`translate()`	Przesuwa element o zadaną wartość wzdłuż osi X i Y.
`translateX()`	Przesuwa element o zadaną wartość wzdłuż osi X.
`translateY()`	Przesuwa element o zadaną wartość wzdłuż osi Y.

Funkcje filtrów

Funkcja	Opis
`blur()`	Rozmycie obrazu.
`brightness()`	Rozjaśnia lub przyciemnia obraz.
`contrast()`	Zwiększa lub zmniejsza kontrast obrazu.
`drop-shadow()`	Tworzy cień za obrazem.
`grayscale()`	Konwertuje obraz do skali szarości.
`hue-rotate()`	Zmienia ogólny odcień obrazu.
`invert()`	Odwraca kolory obrazu.
`opacity()`	Przezroczystość obrazu.
`saturate()`	Zwiększenie lub zmniejszenie nasycenie obrazu wejściowego.
`sepia()`	Konwersja obraz do sepii.

Funkcje kolorów

Funkcja	Opis
`hsl()`	odcień, nasycenie, jasność
`hsla()`	odcień, nasycenie, jasność, wartość alfa (nieprzezroczystość - jej zakres wynosi od 0.0 do 1.0)
`rgb()`	liczby z przedziału od 0 do 255 oznaczają nasycenie barwy składowej: R - czerwonej, G - zielonej, B - niebieskiej
`rgba()`	rgba - trzy pierwsze wartości to kolor, czwarta wartość takzwana alfa (nieprzezroczystość - jej zakres wynosi od 0.0 do 1.0)

Funkcje gradientu

Funkcja	Opis
`conic-gradient()`	gradient stożkowy
`linear-gradient()`	gradient liniowy
`radial-gradient()`	gradient promieniowy
`repeating-conic-gradient()`	gradient stożkowy, który powtarza kolor w nieskończoność we wszystkich kierunkach, tak aby pokryć cały pojemnik.
`repeating-linear-gradient()`	Gradient liniowy, który powtarza kolor w nieskończoność we wszystkich kierunkach, tak aby pokryć cały pojemnik.
`repeating-radial-gradient()`	Gradient promieniowy, który powtarza kolor w nieskończoność we wszystkich kierunkach, tak aby pokryć cały pojemnik.

Funkcje kształtu

Funkcja	Opis
`circle()`	koło
`ellipse()`	elipsa
`inset()`	prostokąt
`polygon()`	wielokąt
`path()`	ścieżka

Funkcje siatki (Grid)

Funkcja	Opis
`minmax()`	Definiuje zakres rozmiarów większy lub równy min i mniejszy lub równy max.
`repeat()`	Powtarzający się fragment, który pozwala na zapisanie dużej liczby kolumn lub wierszy, które wykazują powtarzający się wzór.