کد آماده CSS سایه عناصر متریال دیزاین – Material Design Box Shadow
کد تخفیف در جریان devme1397 %10 تا آخر پاییز97

سایه ها برای عناصر در طراحی سایت باعث خلق محتواها و بلوک هایی می شوند که به زیبایی سایت ما کمک بسیار خواهند کرد. در متریال دیزاین، سایه ها و استفاده از آنها اهمیت دارد. اکثر طرح های متریال دیزاین حالت سایه عنصر را به یک شکل در نظر می گیرند و در این مستند از مارکت دِومی قصد داریم شما را با 5 عدد از این سایه ها آشنا کنیم.

برای دسترسی به تمامی این سایه ها، فایل پیوست شده در سمت چپ این مستند را دریافت نموده و فایل HTML داخل آن را با یک نرم افزار NotePad باز کنید و از box-shadow ها لذت ببرید! همچنین می توانید فایل Html دانلود شده را با یک مرورگر باز کنید و پیش نمایش کد را به صورت زنده مشاهده کنید.

Material Design CSS Box-Shadow

نمونه کد یکی از این سایه ها به صورت زیر است:

box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

هنوز دیدگاهی ارسال نشده! نظر شما چیست؟

دیدگاه شما درباره این صفحه چیست؟