একাধিক শ্যাডো লেয়ার সাজান, বাক্সের উপর সরাসরি টেনে বসান, আর এমন CSS কপি করুন যা একটা ঝাপসা দাগের বদলে সত্যিকারের ছায়ার মতো দেখায়।
CSS পাঠগুলো দেখুনএকটি অ্যাঙ্গেলই প্রতিটি লেয়ারের অফসেট একসাথে ঠিক করে দেয়, যেমনটা একটামাত্র আলোর উৎস করত — প্রতিটি লেয়ারের X/Y আলাদা করে বসানোর বদলে, যা সহজেই ভৌতভাবে অসংগত হয়ে যায়।
একটি elevation মান দিয়েই একটি ইজিং কার্ভে ৫-লেয়ারের নরম শ্যাডো তৈরি হয় — আধুনিক বেশিরভাগ নরম শ্যাডোর পিছনের কৌশল এটাই। বর্তমান লেয়ারগুলো বদলে যাবে।
সক্রিয় লেয়ারের অফসেট বদলাতে shape-টি টেনে সরান
বর্তমান স্ট্যাকটি A হিসেবে সেভ করুন, তারপর B হিসেবে এডিট চালিয়ে যান, দুটো পাশাপাশি দেখুন।
.box {
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25),
0 4px 6px -2px rgba(0, 0, 0, 0.15);
}শ্যাডো একটি ইঙ্গিত মাত্র, বর্ডার নয় — যেখানে কনট্রাস্ট সত্যিই জরুরি (যেমন কোনো ফর্ম ফিল্ড ভুল দেখানো), সেখানে শুধু এর উপর নির্ভর করবেন না।