CSS perspective-origin অপার্টি

পরিভাষা ও ব্যবহার

perspective-origin প্রকৃতি ত্রিমাত্রিক উপাদানটির ভিত্তিতে যে X-অক্ষ ও Y-অক্ষ নির্ধারণ করে। এই প্রকৃতি ত্রিমাত্রিক উপাদানের নিচের অবস্থান পরিবর্তন করতে আপনাকে দেয়。

যখন perspective-origin প্রকৃতিটির জন্য এলিমেন্টটির জন্য প্রকৃতিটি নির্ধারিত হয়, তখন সাব-এলিমেন্টগুলোকেই পারস্পেকটিভ ইফেক্ট হবে, নয় এলিমেন্টটি নিজেই。

মন্তব্য:এই প্রকৃতিটি সঙ্গে ব্যবহার করতে হবে perspective প্রকৃতি সহযোগীভাবে ব্যবহার করা হয় এবং কেবলমাত্র 3D ট্রান্সফর্ম উপাদানগুলোকে প্রভাবিত করে。

অন্যান্য দেখুন:

CSS3 শিক্ষাক্রম:CSS3 3D ট্রান্সফর্ম

HTML DOM পরিচ্ছন্ন হান্ডবুক:perspectiveOrigin প্রকৃতি

উদাহরণ

ত্রিমাত্রিক উপাদানের মূল অবস্থান সংযোজন করুন:

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

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

CSS 语法

perspective-origin: x-axis y-axis;

প্রকৃতির মান

মান বর্ণনা
x-axis

এই দৃশ্যকে x-অক্ষের ওপর অবস্থান নির্ধারণ করে। ডিফল্ট মান: 50%。

সম্ভাব্য মান:

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

এই দৃশ্যকে y-অক্ষের ওপর অবস্থান নির্ধারণ করে। ডিফল্ট মান: 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-