Εκπαιδευτικός Οδηγός για τις Λειτουργίες του CSS
- Προηγούμενη σελίδα Ψευδείς στοιχεία CSS
- Επόμενη σελίδα Προσαρμοσμένες Ιδιότητες για την Αニματίαση του CSS
Συνάρτηση CSS
Οι συνάρτησεις CSS μπορούν να χρησιμοποιηθούν για τον υπολογισμό τιμών, τη manipulation των strings ή των χρωμάτων, τη δημιουργία σύνθετων διαφανειών και σχημάτων κ.λπ.
Οι συνάρτησεις CSS χρησιμοποιούνται συχνά ως τιμές διαφόρων CSS attributes.
| Συνάρτηση | Περιγραφή |
|---|---|
| acos() | Επιστρέφει την απευθείας γωνία του αριθμού μεταξύ -1 και 1. |
| asin() | Επιστρέφει την απευθείας γωνία του αριθμού μεταξύ -1 και 1. |
| atan() | Επιστρέφει την απευθείας γωνία του αριθμού μεταξύ -∞ και ∞. |
| atan2() | Επιστρέφει την απευθείας γωνία των δύο τιμών μεταξύ -∞ και ∞. |
| attr() | Επιστρέφει την τιμή του attribute του επιλεγμένου στοιχείου. |
| blur() | Εφαρμόζει την ομαλοποίηση στο στοιχείο. |
| brightness() | Ρυθμίζει τη φωτεινότητα του στοιχείου (πιο φωτεινό ή πιο σκοτεινό). |
| calc() | Επιτρέπει τον υπολογισμό για την καθορισμό της τιμής του CSS attribute. |
| circle() | Ορίζει τον κύκλο. |
| clamp() | Ρυθμίζει μια τιμή που θα προσαρμόζεται μεταξύ του ελάχιστου και του μέγιστου τιμής ανάλογα με το μέγεθος της οπτικής περιοχής. |
| color() | Επιτρέπει τη ρύθμιση του χρώματος σε συγκεκριμένο χρωματικό χώρο. |
| color-mix() | Αναμειγνύει δύο τιμές χρώματος σε συγκεκριμένο χρωματικό χώρο με συγκεκριμένη αναλογία. |
| conic-gradient() | Δημιουργεί την κωνική διαφάνεια. |
| contrast() | Ρυθμίζει την αντίθεση του στοιχείου. |
| cos() | Επιστρέφει την τιμή του κόσινου του γωνιακού. |
| counter() | Επιστρέφει την τρέχουσα τιμή του ονομαστού αριθμητικού. |
| counters() | Επιστρέφει την τρέχουσα τιμή του ονομαστού και ενσωματωμένου αριθμητικού. |
| cubic-bezier() | Ορίζει την τρισδιάστατη 贝塞尔 曲线. |
| drop-shadow() | Εφαρμόζει την επίκαμψη στην εικόνα. |
| ellipse() | Ορίζει την ελλειψόειδισή. |
| exp() | Επιστρέφει το xολον της E στην εξουσία x (Ex) |
| fit-content() | Επιτρέπεται η ρύθμιση του μεγέθους των στοιχείων με βάση το περιεχόμενο. |
| grayscale() | 将图像转换为灰度。 |
| hsl() / hsla() | 使用色相-饱和度-亮度模型 (HSL) 定义颜色；可选地包含 alpha 组件。 |
| hue-rotate() | 对元素应用颜色旋转 |
| hwb() | 使用色相-白度-黑度模型 (HWB) 定义颜色；可选地包含 alpha 组件。 |
| hypot() | 返回其参数平方和的平方根。 |
| inset() | 定义与参考框每一边保持指定内嵌距离的矩形。 |
| invert() | 反转图像的颜色。 |
| lab() | 在 CIE Lab 颜色空间中指定颜色。 |
| lch() | 在 LCH（亮度-色度-色相）颜色空间中指定颜色。 |
| light-dark() | 启用两种颜色值设置，如果用户设置了浅色主题，则返回第一个值； 如果用户设置了深色主题，则返回第二个值。 |
| linear-gradient() | 创建线性渐变。 |
| log() | 返回指定数的自然对数（以 E 为底），或指定底数的对数。 |
| matrix() | 使用六值矩阵定义 2D 变换。 |
| matrix3d() | 使用 4x4 矩阵定义 3D 变换。 |
| max() | 使用逗号分隔的值列表中的最大值作为属性值。 |
| grayscale() | hsl() / hsla() |
| hue-rotate() | hwb() |
| hypot() | polygon() |
| inset() | invert() |
| lab() | lch() |
| light-dark() | linear-gradient() |
| log() | matrix() |
| matrix3d() | max() |
| min() | minmax() |
| mod() | oklab() |
| oklch() | opacity() |
| perspective() | polygon() |
| pow() | radial-gradient() |
| ray() | rem() |
| repeat() | repeating-conic-gradient() |
| repeating-linear-gradient() | repeating-radial-gradient() |
| rgb() / rgba() | Ορίζει το χρώμα χρησιμοποιώντας το μοντέλο RGB (κόκκινο-πράσινο-μπλε); προαιρετικά μπορεί να περιλαμβάνει τον παράγοντα alpha. |
| rotate() | Ορίζει τη 2D στροφή του στοιχείου. |
| rotate3d() | Ορίζει τη 3D στροφή του στοιχείου. |
| rotateX() | Ορίζει τη 3D στροφή του στοιχείου γύρω από τον άξονα x (οριζόντια). |
| rotateY() | Ορίζει τη 3D στροφή του στοιχείου γύρω από τον άξονα y (οριζόντια). |
| rotateZ() | Ορίζει τη 3D στροφή του στοιχείου γύρω από τον άξονα z. |
| round() | Προσαρμόζει το αποτέλεσμα του αριθμού με βάση τη δοθείσα στρατηγική γύρω από την ακρίβεια. |
| saturate() | Ρυθμίζει τη σaturaση του στοιχείου (ισχύς χρώματος). |
| scale() | Ορίζει τη 2D κλίμακα του στοιχείου. |
| scale3d() | Ορίζει τη 3D κλίμακα του στοιχείου. |
| scaleX() | Κατακλίνει τα στοιχεία οριζόντια (πλάτος). |
| scaleY() | Κατακλίνει τα στοιχεία κάθετα (ύψος). |
| sepia() | Μετατρέπει την εικόνα σε σκοτεινή τόνωση. |
| sin() | Επιστρέφει την ακμή του αριθμού (γωνία). |
| skew() | Στροβιλίζει τα στοιχεία κατά μήκος των άξονων x και y. |
| skewX() | Στροβιλίζει τα στοιχεία κατά μήκος του άξονα x. |
| skewY() | Στροβιλίζει τα στοιχεία κατά μήκος του άξονα y. |
| sqrt() | Επιστρέφει την τετράγωνη răιή του αριθμού. |
| steps() | Δημιουργεί μια χρονοδιαγράμματα βημάτων για την κίνηση. |
| tan() | Επιστρέφει την τανγέντη του αριθμού. |
| translate() | Επιτρέπει τη μετατόπιση των στοιχείων κατά μήκος των άξονων x και y. |
| translateX() | Επιτρέπει τη μετατόπιση των στοιχείων κατά μήκος του άξονα x. |
| translateY() | Επιτρέπει τη μετατόπιση των στοιχείων κατά μήκος του άξονα y. |
| url() | Επιτρέπει την ενσωμάτωση αρχείων στο στυλ. |
| var() | Εισαγωγή τιμής για την προσαρμοσμένη ιδιότητα. |
- Προηγούμενη σελίδα Ψευδείς στοιχεία CSS
- Επόμενη σελίδα Προσαρμοσμένες Ιδιότητες για την Αニματίαση του CSS
