Προτεινόμενη εκμάθηση:

Συνάρτηση scale3d() CSS

Ορισμός και χρήση scale3d() Η κλίμακα CSS

scale3d() Η συνάρτηση ορίζει την 3D κλίμακα του στοιχείου.

scale3d() Η συνάρτηση ορίζει τις τιμές κλίμακας του στοιχείου στα άξια x, y και z. transform Χρήση στην ιδιότητα.

Παράδειγμα

Παράδειγμα 1

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

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

Προσπάθησε να το δοκιμάσεις

Παράδειγμα 2

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

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

Προσπάθησε να το δοκιμάσεις

Γλώσσα CSS

scale3d(sx, sy, sz)
Χρήση Περιγραφή
sx Ποσότητα ή αρνητικός αριθμός, ορίζει το βήμα της κλίμακας του πλάτους.
sy Ποσότητα ή αρνητικός αριθμός, ορίζει το βήμα της κλίμακας της ύψους.
sz Ποσότητα ή αρνητικός αριθμός, ορίζει το βήμα της κλίμακας στην κατεύθυνση z.

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

Έκδοση: Μόδος Μεταμορφώσεων CSS Level 2

Υποστήριξη περιηγητή

Τα αριθμήματα στην τаблицή δείχνουν την έκδοση του πρώτου περιηγητή που υποστηρίζει αυτή τη λειτουργία.

Χρωμάτιος Εκτελεστής Φαύξιφος Σαφάρι Οπερα
12 12 10 4 15

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

Εκμάθηση:3D μεταμορφώσεις CSS

Αναφορά:CSS transform ιδιότητα

Αναφορά:CSS scale ιδιότητα

Αναφορά:CSS scale() συνάρτηση

Αναφορά:CSS scaleX() συνάρτηση

Αναφορά:CSS scaleY() συνάρτηση