CSS perspective-origin property

CSS perspective-origin

CSS perspective-origin is used to specify from which position the user must see the 3d element.

CSS perspective, should be given to the parent element, but only the child element will acquire the properties effect.

To support perspective-origin property on different browsers we need to add some prefixes, they are

  • -webkit- : It supports chrome, safari and new version of opera
  • -moz- : It support Firefox.
  • -o- : Old versions of opera.
  • -ms- : Internet explorer.

Example

Try Yourself