CSS perspective অপার্টি
- পূর্ববর্তী পৃষ্ঠা paint-order
- পরবর্তী পৃষ্ঠা perspective-origin
সংজ্ঞা ও ব্যবহার
perspective বৈশিষ্ট্যটি 3D এলিমেন্টটির দৃশ্যকে দূরত্বকে নির্ধারণ করে, পিক্সেলে অনুমান করা হয়।এই বৈশিষ্ট্যটি আপনাকে 3D এলিমেন্টটির দৃশ্যকে পরিবর্তন করতে দেয়
যখন perspective বৈশিষ্ট্যটির জন্য এলিমেন্টকে নির্দিষ্ট করা হয়, তখন সাবড়েক্স এলিমেন্টগুলি পারস্পরিক দৃশ্য প্রভাব পাবে, নয় এলিমেন্টটি নিজেই
মন্তব্য: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- সাথে ব্যবহৃত হয়, তা প্রথম সংস্করণের প্রয়োগ সম্প্রসারণ করে
| 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- |
- পূর্ববর্তী পৃষ্ঠা paint-order
- পরবর্তী পৃষ্ঠা perspective-origin
