Ho cercato online e ho trovato diversi materiali, ma nessuno di loro ha illustrato chiaramente questo concetto, almeno per me. Ad esempio, w3schools dice che definisce quanti pixel viene posizionato un elemento 3D dalla vista. È così astratto da capirlo completamente. Qualcuno può dirmi in un modo più vivido e facile da capire? Non potrebbe essere migliore se ci sono alcune immagini per mostrare questo concetto.Cosa diavolo è la proprietà prospettiva CSS3?
Nelle trasformazioni 3D, la prospettiva conferisce all'oggetto un punto di vista 3D e tenta di rendere la prospettiva dell'oggetto 3D dalla prospettiva di un particolare spettatore. Non è facile da capire.
Ecco uno Safari reference su di esso.
A beginning tutorial su di esso.
Some examples di utilizzo della prospettiva.
FYI, in futuro suggerirei di ignorare tutti i risultati di ricerca di Google che provengono da w3schools. In qualche modo sono riusciti a cooptare un alto ranking di ricerca su Google con contenuti incredibilmente bassi.
Quando si lavora in uno spazio3D, abbiamo bisogno di impostare un punto di vista valore , altrimenti elementi animati guarderanno piatta. Come? La proprietà CSS in prospettiva conferisce a un elemento uno spazio 3D influenzando la distanza tra l'indice Z e l'utente. Ricorda: la proprietà Perspective non dovrebbe essere applicata all'elemento che verrà animato (tramite una transizione CSS, una trasformazione o un'animazione), ma a un elemento genitore.
Grazie. Il riferimento Safari è una buona risorsa. – chaonextdoor
+1 per consigliare w3schools - vedere anche http://w3fools.com/ –