CSS Box Shadow

CSS box-shadow এট্রিবিউট

CSS box-shadow অ্যাট্রিবিউট শাড়াকে ইলেকট্রনিক উপকরণে লাগায়।

সবচেয়ে সহজ ব্যবহারটি হল শুধুমাত্র অনুমান হলেও হরিজন্টাল এবং ভিক্টরিয়াল শাড়াকে নির্দিষ্ট করা:

কালো রঙের box-shadow-সহ সবুজ রঙের <div> ইলেকট্রনিক উপকরণ

ইনস্ট্যান্স

div {
  box-shadow: 10px 10px;
}

স্বয়ং প্রয়োগ করুন

পরবর্তীতে, শাড়াকে রঙ যোগ করুন:

ভূমির রঙের box-shadow-সহ সবুজ রঙের <div> ইলেকট্রনিক উপকরণ

ইনস্ট্যান্স

div {
  box-shadow: 10px 10px grey;
}

স্বয়ং প্রয়োগ করুন

পরবর্তীতে, শাড়াকে ভূমির রঙের box-shadow যোগ করুন:

সবুজ রঙের <div> ইলেকট্রনিক উপকরণ, ভূমির রঙের box-shadow

ইনস্ট্যান্স

div {
  box-shadow: 10px 10px 5px grey;
}

স্বয়ং প্রয়োগ করুন

কার্ড

আপনি এছাড়াও ব্যবহার করতে পারেন: box-shadow অ্যাট্রিবিউট পেপার কার্ড ইফেক্ট তৈরি করুন:

1
January 1, 2021
কফি
কফি

ইনস্ট্যান্স

div.card {
  width: 250px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

প্রত্যক্ষ প্রয়োগ: কাগজ কার্ডপ্রত্যক্ষ প্রয়োগ: চিত্র কার্ড

CSS শ্যাডো এট্রিবিউট

নিচের তালিকায় CSS-র শ্যাডো এট্রিবিউটস উপস্থিত হয়:

এট্রিবিউট বর্ণনা
box-shadow একটি বা একাধিক শ্যাডো একটি ইলেকট্রনিক উপাদানে যোগ করুন。
text-shadow টেক্সটে একটি বা একাধিক শ্যাডো যোগ করুন。