CSS Intro

CSS Intro Quiz

CSS Intro Exercise

CSS Basic

CSS Basic Quiz

CSS Basic Exercise

CSS Advance

CSS Advance Quiz

CSS Advance Exercise


CSS3 Quiz

CSS3 Exercise

CSS Properties

CSS Functions

CSS Selectors

CSS perspective origin Property

CSS perspective-origin Property



The perspective-origin property is used to specify from which position the user is looking at the 3D-positioned element. When we define a perspective property for an element, it will impact its CHILD elements.


Default Value:-


Its default value is 50% 50%.




Its syntax is:- perspective-origin: x-axis y-axis | initial | inherit;


Further Explanation:-


Property Value Description
x-axis Defining where the view is placed at the x-axis.​​​​
y-axis Defining where the view is placed at the y-axis.
initial Sets this property to its default value.
inherit Inherits this property from its parent element.

Code Explanation

All Tutorials related to CSS Properties

All Sections related to CSS