CSS perspective-origin ιδιότητα

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

Η ιδιότητα perspective-origin ορίζει τις άξονες X και Y που χρησιμοποιούνται από το στοιχείο 3D. Αυτή η ιδιότητα επιτρέπει την αλλαγή της θέσης του κάτω μέρους του στοιχείου 3D.

Όταν ορίζεται η ιδιότητα perspective-origin για το στοιχείο, τα υποστοιχεία του αποκτούν την επιρροή της πιερψπτικής προβολής, όχι το στοιχείο itself.

Σημείωση:Η ιδιότητα αυτή πρέπει να χρησιμοποιείται μαζί με οπτική Χρησιμοποιούνται μαζί με την ιδιότητα και επηρεάζουν μόνο τα στοιχεία μετατροπής 3D.

Δείτε επίσης:

Εκμάθηση CSS3:CSS3 3D μετατροπή

Εγχειρίδιο HTML DOM:Ιδιότητα perspectiveOrigin

Παράδειγμα

Ρύθμιση της θέσης βάσης του στοιχείου 3D:

div
{
perspective:150;
perspective-origin: 10% 10%;
}

Δοκιμάστε το شخصικά

Γλώσσα γραφής CSS

perspective-origin: άξονας x άξονας y;

Τιμή ιδιότητας

Τιμή Περιγραφή
άξονας x

Ορίζει τη θέση της προβολής στην άξονα x. Προεπιλεγμένη τιμή: 50%.

Πιθανές τιμές:

  • αριστερά
  • κέντρο
  • δεξιά
  • π μήκος
  • %
άξονας y

Ορίζει τη θέση της προβολής στην άξονα y. Προεπιλεγμένη τιμή: 50%.

Πιθανές τιμές:

  • πάνω
  • κέντρο
  • κάτω
  • π μήκος
  • %

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

Προεπιλεγμένη τιμή: 50% 50%
Πρόκληση απόκτησης: όχι
Έκδοση: CSS3
Γλώσσα γραφής JavaScript: σώμα.style.perspectiveOrigin="10% 10%"

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

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

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-