CSS box-reflect প্রতিশব্দ

সংজ্ঞা ও ব্যবহার

box-reflect এই প্রতিভা একটি তড়িৎপ্রতিবর্তনী প্রভাব তৈরি করতে ব্যবহৃত হয়。

box-reflect প্রতিভার মান হতে পারে:

• below（নীচে）
• above（উপরে）
• left（বাঁদিকে）
• right（ডানদিকে）

প্রত্যহরণ:box-reflect এই প্রতিভা হল একটি প্রমাণ প্রতিভা, যা ব্যবহার করা আবশ্যক -webkit- প্রিফিক্স。

প্রদর্শন

উদাহরণ 1

ছবির নীচে প্রেফলেক্ট যোগ করুন

img {
  -webkit-box-reflect: below;
}

আপনার হাতে চাপুন

উদাহরণ 2

box-reflect এই বৈশিষ্ট্যটি যে কোনও দৃশ্যমান HTML এলিমেন্টের উপর লাগানো যেতে পারে। নিচের উদাহরণটিতে <p> ট্যাগের নীচে প্রেফলেক্ট তৈরি করা হয়েছে:

p {
  -webkit-box-reflect: below;
}

আপনার হাতে চাপুন

উদাহরণ 3

box-reflect এই বৈশিষ্ট্যটি দুইটি মান গ্রামারের মাধ্যমেও ব্যবহার করা যেতে পারে। নিচের উদাহরণটিতে ছবির নীচে প্রেফলেক্ট তৈরি করা হয়েছে, 70px দূরত্ব নিয়ে:

img {
  -webkit-box-reflect: below 70px;
}

আপনার হাতে চাপুন

উদাহরণ 4

box-reflect এই বৈশিষ্ট্যটি তিনটি মান গ্রামারের মাধ্যমেও ব্যবহার করা যেতে পারে। নিচের উদাহরণটিতে ছবির নীচে প্রেফলেক্ট তৈরি করা হয়েছে, 10px দূরত্ব নিয়ে এবং হালকা উঠে যাওয়ার ইফেক্ট সেট করা হয়েছে:

img {
  -webkit-box-reflect: below 10px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));
}

আপনার হাতে চাপুন

CSS গ্রামার

box-reflect: none|below|above|left|right|position offset gradient|initial|inherit;

বৈশিষ্ট্যমান

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

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

টেবিলের সংখ্যা এই বৈশিষ্ট্যকে পূর্ণাত্মকভাবে সমর্থন করা প্রথম ব্রাউজার সংস্করণ

যেসব সংখ্যা -webkit- প্রিফিক্স নিয়ে আছে, তা প্রথম এই প্রিফিক্সকে সমর্থন করা সংস্করণ