¿Qué es la propiedad de perspectiva CSS3?
Busqué en línea y encontré varios materiales, pero ninguno de ellos ilustró este concepto claramente, al menos para mí. Por ejemplo, w3schools dice que define cuántos píxeles se coloca un elemento 3D desde la vista. Es tan abstracto para entenderlo totalmente. ¿Puede alguien decirme de una manera más vívida y fácil de entender? No podría ser mejor si hay algunas imágenes para mostrar este concepto.
2 answers
En transformaciones 3D, la perspectiva le da al objeto un punto de vista 3D e intenta representar la perspectiva del objeto 3D desde la perspectiva de un espectador en particular. No es fácil de entender.
Aquí hay una referencia de Safari .
Un tutorial inicial sobre él.
Algunos ejemplos de usar perspectiva.
Para tu información, en el futuro sugeriría ignorar todos los resultados de búsqueda de Google que vengan de w3schools. De alguna manera han logrado cooptar un alto ranking de búsqueda en Google con contenido increíblemente superficial.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-04-04 20:52:57
Cuando se trabaja en un espacio 3D, necesitamos establecer un valor perspective, de lo contrario los elementos animados se verán planos. ¿Cómo? La propiedad CSS perspective le da a un elemento un espacio 3D al afectar la distancia entre el índice Z y el usuario.Recuerde: la propiedad Perspective no debe aplicarse al elemento que se animará (a través de una Transición, Transformación o Animación CSS), sino a un elemento padre.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-01-20 08:10:57