Συνάρτηση κλίμακας CSS

Ορισμός και χρήση

Η CSS κλίμακα() Η συνάρτηση χρησιμοποιείται για την κλίμακα του στοιχείου (πλάτος και ύψος).

κλίμακα() Η συνάρτηση ορίζει τις τιμές κλίμακας του στοιχείου στις κατευθύνσεις x και y.

κλίμακα() η συνάρτηση στο μεταμορφώσεις χρησιμοποιούμενη στην ιδιότητα.

Επίδειξη

Παράδειγμα 1

Χρήση κλίμακα() Κλίμακα πολλαπλών <div> στοιχείων:

#myDiv1 {
  transform: κλίμακα(0.7);
}
#myDiv2 {
  transform: κλίμακα(110%);
}
#myDiv3 {
  transform: κλίμακα(1.1, 0.5);
}

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Χρήση κλίμακα() Κλίμακα εικόνας:

#img1 {
  transform: κλίμακα(0.7);
}
#img2 {
  transform: κλίμακα(110%);
}
#img3 {
  transform: κλίμακα(1.1, 0.5);
}

Δοκιμάστε το προσωπικά

Γλώσσα CSS

κλίμακα(sx, sy)
Τιμή Περιγραφή
sx Απαιτητική. Αριθμός ή ποσοστό. Ορίζει τη διάσταση της κλίμακας του πλάτους.
sy

Προαιρετική. Αριθμός ή ποσοστό. Ορίζει τη διάσταση της κλίμακας της ύψους.

Αν παραλειφθεί, η τιμή ορίζεται ως ίδια με την sx.

Τεχνικά λεπτομέρειες

Έκδοση: Μονάδα Μεταμορφώσεων CSS Nivel 1

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στη τάβληση υποδεικνύουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως τη συνάρτηση.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Σελίδες σχετικές

Εκμάθηση:2D μετασχηματισμοί CSS

Παραδείγματα:Ενδιαφέρουσα ιδιότητα του CSS transform

Παραδείγματα:CSS scale ιδιότητα

Παραδείγματα:Συνάρτηση CSS scale3d()

Παραδείγματα:Συνάρτηση CSS scaleX()

Παραδείγματα:Συνάρτηση CSS scaleY()