స్టైల్ perspectiveOrigin విధానం

నిర్వచనం మరియు ఉపయోగం

perspectiveOrigin విధానం నిర్వచించినప్పుడు, 3D ఎలమెంట్ యొక్క యొక్క స్థానాన్ని నిర్వచిస్తుంది. ఈ విధానం మీరు 3D ఎలమెంట్ యొక్క అడుగున స్థానాన్ని మార్చవచ్చు.

ది ఎలమెంట్ యొక్క perspectiveOrigin పర్స్పెక్టివ్ ఆరిజిన్ విధానం నుండి స్థానాన్ని నిర్వచించండి చేసినప్పుడు, అనుభవం సామాన్యం కాదు.

కార్యాచరణ పేరు:ఈ విధానం తో పాటు ఉండాలి పర్స్పెక్టివ్ విధానం కలిసి ఉపయోగించండి, మరియు మాత్రమే 3D ట్రాన్స్ఫార్మ్ ఎలమెంట్స్ పై ప్రభావం చేస్తుంది!

మరింత చూడండి:

జావాస్క్రిప్ట్ స్టైల్ ఆబ్జెక్ట్పర్స్పెక్టివ్ విధానం

CSS పరిశీలన పుస్తకం:perspective-origin అనే విధానం

ఉదాహరణ

3D ఎలమెంట్ యొక్క ప్రామాణిక స్థానాన్ని నిర్వచించండి:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

నేను ప్రయత్నించండి

సంకేతం

పర్స్పెక్టివ్ ఆరిజిన్ విధానాన్ని తిరిగి పొందండి:

object.style.perspectiveOrigin

పర్స్పెక్టివ్ ఆరిజిన్ విధానాన్ని సెట్ చేయండి:

object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"

విధానం విలువ

విధానం వివరణ
x-axis

ది వ్యూ యొక్క యొక్క స్థానాన్ని నిర్వచిస్తుంది.

  • left
  • center
  • right
  • length
  • %

మూల విధానం: 50%
y-axis

ది వ్యూ యొక్క యొక్క యొక్క యొక్క స్థానాన్ని నిర్వచిస్తుంది.

సాధ్యమైన విధానాలు:

  • top
  • center
  • bottom
  • length
  • %

మూల విధానం: 50%
initial ఈ విధానాన్ని మూల విధానానికి సెట్ చేయండి. చూడండి initial。
inherit తన ప్రాతిని నుండి ఈ విధానం స్వీకరించండి. చూడండి inherit。

సాంకేతిక వివరాలు

మూల విధానం 50% 50%
వారు ప్రతిస్పందించే విధం పదబంధం ప్రదర్శిస్తుంది ది ఎలమెంట్ యొక్క perspective-origin అనే విధానం。
CSS 版本： CSS3

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0