CSS perspective-origin ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

perspective-origin ਪ੍ਰਤੀਯੋਗਿਤਾ ਪਰਸਪੈਕਟਿਵ ਇਲੈਕਟ੍ਰੌਨਿਕ ਦੇ ਅਧਾਰ ਵਾਲੇ ਪ੍ਰਤੀਯੋਗਿਤਾਵਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ। ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਪਰਸਪੈਕਟਿਵ ਇਲੈਕਟ੍ਰੌਨਿਕ ਦੀ ਨਿਚਲੀ ਸਥਿਤੀ ਨੂੰ ਬਦਲਣ ਦੀ ਇਜਾਜਤ ਦਿੰਦੀ ਹੈ。

ਜਦੋਂ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਉਸ ਦੇ ਸਬੰਧਤ ਪ੍ਰੋਗਰਾਮ ਵਿੱਚ ਪਿੰਡੋਂ ਨੂੰ ਪਰਸਪੈਕਟਿਵ ਪ੍ਰਭਾਵ ਮਿਲਦਾ ਹੈ ਨਾ ਕਿ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਹੀ。

ਟਿੱਪਣੀ:ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨਾਲ ਵਰਤੀ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ perspective ਸਾਰੇ ਪ੍ਰਤੀਯੋਗਿਤਾਵਾਂ ਦੇ ਨਾਲ ਮਿਲਕੇ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ ਅਤੇ ਇਹ ਕੇਵਲ 3D ਟਰਾਂਸਫਾਰਮ ਇਲੈਕਟ੍ਰੌਨਿਕ ਤੇ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦੇ ਹਨ。

ਹੋਰ ਦੇਖੋ:

CSS3 ਸਿੱਖਿਆCSS3 3D ਟਰਾਂਸਫਾਰਮ

HTML DOM ਪੁਸਤਕਾਲperspectiveOrigin ਪ੍ਰਤੀਯੋਗਿਤਾ

ਉਦਾਹਰਣ

3D ਇਲੈਕਟ੍ਰੌਨਿਕ ਦਾ ਮੁੱਢਲਾ ਸਥਾਨ ਸੈਟ ਕਰੋ:

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

ਖੁਦ ਸਿਖਾਓ

CSS ਗਰਾਫਿਕਸ

perspective-origin: x-axis y-axis;

ਸੰਪਰਕ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
x-axis

ਇਹ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਇਹ ਦਰਸਾਵ ਵਿਆਖਿਆ ਵਿੱਚ ਵਾਇਲੂਮ ਦੀ ਸਥਿਤੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਮੂਲ ਮੁੱਲ: 50%。

ਸੰਭਵ ਮੁੱਲ:

  • left
  • center
  • right
  • length
  • %
y-axis

ਇਹ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਇਹ ਦਰਸਾਵ ਵਿਆਖਿਆ ਵਿੱਚ ਵਾਇਲੂਮ ਦੀ ਸਥਿਤੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਮੂਲ ਮੁੱਲ: 50%。

ਸੰਭਵ ਮੁੱਲ:

  • top
  • center
  • bottom
  • length
  • %

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: 50% 50%
ਵਿਰਾਸਤੀਤਾ: no
ਵਰਜਨ: CSS3
JavaScript ਗਰਾਫਿਕਸ object.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-