سورس کد سایه CSS متریال دیزاین (Material Design)
access_time۲۸ فروردین, ۱۳۹۹
perm_identity
ارسال شده توسط شاهکد
folder_open
HTML, CSS, JavaScript ، پروژهها
visibility
438 بازدید

متریال دیزاین (Material Design) یک نوع و سبک طراحی است که در سال ۲۰۱۴ توسط شرکت گوگل معرفی شد. در این نوع از طراحی انتقال ها و حرکت ها و انیمیشن های زیبا بهمراه سایه ها و زیبایی های خاصی استفاده شده است . و همینطور در چند سال اخیر طراحان از آن استفاده بیشتری داشته اند.
در این سورس کد سایههایی CSS متریال دیزاین در اختیار شما قرار دادهایم….
نمونههای سایه CSS متریال دیزاین
سورس کد سایه CSS:
.card-1 { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .card-1:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
نمونه سورس کد سایه CSS:
.card-2 { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
نمونه سورس کد سایه CSS:
.card-3 { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }
نمونه سورس کد سایه CSS:
.card-4 { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
نمونه سورس کد سایه CSS:
.card-5 { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }
امیدوارم خیلی مفید باشه و موفق و پیروز باشید.
مطالب زیر را حتما مطالعه کنید
تبدیل اعداد باینری مبنای 2 به دسیمال مبنای 10 در پایتون
در این مطلب، تبدیل اعداد باینری مبنای 2 به دسیمال مبنای 10 به زبان برنامه...
بدست آوردن تعداد بیشترین مقسوم علیه با پایتون
[vc_row][vc_column][vc_column_text]بدست آوردن تعداد بیشترین مقسوم علیه دربین چند عدد با پایتون که بسیاری از دانشجویان...
تبدیل تمامی حروف یا رشته به بزرگ یا کوچک در پایتون (Python)
[vc_row][vc_column][vc_column_text] تبدیل تمامی حروف موجود در یک رشته (String) به حروف کوچک (lowercase) یا حروف...
محاسبه واریانس و میانگین با ++C
[vc_row][vc_column][vc_column_text]همان طور میدانیم که در دانشگاه در درس ریاضی به مبحث واریانس بر خورد نمودیم...
معکوس کردن رشته و آرایه با پایتون
[vc_row][vc_column][vc_column_text]در این مطلب، روش نوشتن برنامه معکوس کردن رشته و آرایه با پایتون نوشته شده...
تبدیل سانتیگراد به فارنهایت و بالعکس با ++C
[vc_row][vc_column][vc_column_text] سلسیوس (سانتیگراد) و فارنهایت مقیاس و واحد اندازه گیری درجه حرارت می باشند. آنها مقادیر...
دیدگاهتان را بنویسید