CSS ਪੈਰਸਪੈਕਟਿਵ ਪ੍ਰਤੀਯੋਗਿਤਾ
- ਪਿਛਲਾ ਪੇਜ paint-order
- ਅਗਲਾ ਪੇਜ perspective-origin
ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ
perspective ਵਿਸ਼ੇਸ਼ਤਾ 3D ਪੈਮਾਨੇ ਦੀ ਦੂਰੀ ਨੂੰ ਵਿਸ਼ਵ ਨੂੰ ਪਿਕਸਲ ਵਿੱਚ ਸੈਟ ਕਰਦੀ ਹੈ।ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਤੁਹਾਨੂੰ 3D ਪੈਮਾਨੇ ਦੇ ਦੇਖਣ ਦੀ ਦਿਸ਼ਾ ਨੂੰ ਬਦਲਣ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ。
ਜਦੋਂ ਪਰਸਪੈਕਟਿਵ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਦਾਰਥ ਨੂੰ ਸੈਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਉਸ ਦੇ ਉਪ ਪਦਾਰਥ ਪਰਸਪੈਕਟਿਵ ਪ੍ਰਭਾਵ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਨ ਨਹੀਂ ਕਿ ਪਦਾਰਥ ਹੀ ਪਰਸਪੈਕਟਿਵ ਪ੍ਰਭਾਵ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ。
ਟਿੱਪਣੀ:perspective ਵਿਸ਼ੇਸ਼ਤਾ ਸਿਰਫ 3D ਟਰਾਂਸਫਾਰਮ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਦਾਰਥ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦੀ ਹੈ。
ਸਲਾਹ:ਸਲਾਹ ਦੇਵੋ: perspective-origin ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਨਾਲ ਹੋਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਨਾਲ ਵਰਤੋਂ ਕਰਨ ਨਾਲ ਤੁਸੀਂ 3D ਪੈਮਾਨੇ ਦੇ ਹਿੱਸੇ ਦੀ ਨਿਚਲੀ ਸਥਾਨ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ
ਹੋਰ ਦੇਖੋ:
CSS3 ਸਿੱਖਿਆ ਪੁਸਤਕਾਲ:CSS3 3D ਟਰਾਂਸਫਾਰਮ
HTML DOM ਪੁਸਤਕਾਲ:perspective ਵਿਸ਼ੇਸ਼ਤਾ
ਉਦਾਹਰਣ
ਵਿਸ਼ਲੇਸ਼ਣ ਸਥਾਨ ਦੀ ਵਿਸ਼ਵ ਨੂੰ ਸੈਟ ਕਰਨ ਵਾਲੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਦਾਰਥ ਦੀ ਦਿਸ਼ਾ ਸੈਟ ਕਰੋ:
div
{
perspective: 500;
}
CSS ਵਿਚਾਰਧਾਰਾ
perspective: number|none;
ਪ੍ਰਤੀਭਾਵ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| number | ਵਿਸ਼ਵ ਦੀ ਦੂਰੀ ਨੂੰ ਪਿਕਸਲ ਵਿੱਚ ਮਾਪਦਾ ਹੈ。 |
| ਕੋਈ ਨਹੀਂ | ਮੂਲਧਾਰਾ ਮੁੱਲ।0 ਨਾਲ ਇੱਕੋ ਹੀ ਹੈ।ਪਰਸਪੈਕਟਿਵ ਨਹੀਂ ਸੈਟ ਕੀਤਾ ਹੈ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲਧਾਰਾ ਮੁੱਲ: | ਕੋਈ ਨਹੀਂ |
|---|---|
| ਵਿਰਾਸਤੀ ਸਮਰੱਥਾ: | ਹਾਂ |
| ਵਰਜਨ: | CSS3 |
| JavaScript ਵਿਚਾਰਧਾਰਾ: | object.style.perspective=500 |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਪੱਧਰਾਂ ਵਿੱਚ ਨੰਬਰ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਦੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਦੱਸਦੇ ਹਨ。
ਜੋ -webkit- ਜਾਂ -moz- ਦੇ ਨਾਲ ਨੰਬਰ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦੇ ਪ੍ਰਯੋਗ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。
| ਚਰਮੋਨਾ | IE / ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
|---|---|---|---|---|
| 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
- ਪਿਛਲਾ ਪੇਜ paint-order
- ਅਗਲਾ ਪੇਜ perspective-origin
