CSS perspective() ফাংশন

বর্ণনা ও ব্যবহার

CSS perspective() ফাংশনটি ব্যবহারকারীকে z=0 পরিপ্রেক্ষিকার সাথে দূরত্ব নির্দিষ্ট করে

perspective() ফাংশন transform প্রতিযোগিতায় প্রয়োগ করা

ইনস্ট্যান্স

ব্যবহার করে perspective() দুই কোণচাকা শুধুমাত্র কিছু পারসপেকটিভ ইফেক্ট যোগ করুন:

.cube1 {
  font-size: 4em;
  width: 2em;
  margin: 1.5em auto;
  transform-style: preserve-3d;
  transform: perspective(5cm) rotateX(-15deg) rotateY(30deg);
}
.cube2 {
  font-size: 4em;
  width: 2em;
  margin: 1.5em auto;
  transform-style: preserve-3d;
  transform: perspective(10cm) rotateX(-15deg) rotateY(30deg);
}

আপনার নিজেই প্রয়াস করুন

CSS সিনট্যাক্স

perspective(length|none)
মূল্য বর্ণনা
length অপরিহার্য।z=0 পরিপ্রেক্ষিকার দূরত্ব নির্দিষ্ট করুন।none অর্থাৎ কোনও ট্রান্সফর্ম না করা

প্রযুক্তিগত বিবরণ

সংস্করণ: CSS Transforms Module Level 2

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম এই ফাংশনটি সম্পূর্ণভাবে সমর্থনকারী ব্রাউজারের সংস্করণটির জন্য দেখানো হয়েছে。

Chrome Edge Firefox Safari Opera
perspective()
12 12 10 4 15
perspective(none)
97 97 93 15.4 83

সংশ্লিষ্ট পাতা

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

উল্লেখ:CSS transform অপারেশন

উল্লেখ:CSS rotate() ফাংশন

উল্লেখ:CSS rotate3d() ফাংশন

উল্লেখ:CSS rotateX() ফাংশন

উল্লেখ:CSS rotateY() ফাংশন

উল্লেখ:CSS rotateZ() ফাংশন