iHMahmoodi
Visual Designer

چطور در CSS چندین تصویر به پس زمینه عنصری بدهیم؟

How to set Multi-Backgrounds with CSS?

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

https://www.youtube.com/watch?v=c5QuveWyqGc
چطور در CSS چندین تصویر به پس زمینه عنصری بدهیم؟
چطور در CSS چندین تصویر به پس زمینه عنصری بدهیم؟

چطور با CSS چندین تصویر به پس زمینه عنصری دهیم؟

در ادامه آموزش قبل CSS می خواهیم اینبار چندین تصویر را به پس زمینه یا Background یک عنصر بدهیم. این کار براحتی قابل انجام هست و کافی است شما به جای دادن یک آدرس، دو یا چند آدرس را به عنوان url در پراپرتی background معرفی کنید که در فیلم کاملا متوجه نحوه نوشتن آن می وشوید.

علاوه بر دادن چند تصویر به عنوان پس زمینه یک عنصر در سی اس اس شما تقریبا می توانید تمام ویژگی هایی که برای دستور بک گراند استفاده می کردید را دوباره برای چند تصویر استفاده کنید.
به عنوان مثال می توانید نحوه ی تکرار تصاویر را کنترل کنید.

 

قسمت های قبل را کجا ببینیم؟

شما می‌توانید برای دیدن قسمت های قبل آموزش CSS به فهرست آموزش CSS وبلاگ مراجعه کنید و یا اینکه مستقیم به لیست پخش آن در کانال یوتیوب مراجعه نمایید.

لیست پخش آموزش جامع سی اس اس در یوتیوب 

 

بعد از روشن کردن VPN یا فیلترشکن، بر روی تصویر یا لینک یوتیوب زیر کلیک کنید تا ویدیوی آموزش را ببینید)

لینک آموزش در یوتیوب 

چطور در CSS چندین تصویر به پس زمینه عنصری بدهیم؟

کاربرد استفاده از چندین تصویر پس زمینه در طراحی وبسایت کجاست؟

شاید شما وبسایت هایی را دیده اید که حالت سه بعدی دارند و بعضی المنت های آن بصورت جدا یا با هم حرکت می کنند. این یک نمونه از استفاده از چند تصویر Background یا پس زمینه با CSS است.


دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.

عضویت در کانال تلگرام: t.me/AsteriXarts

مطالب مرتبط دیگر:

آموزش جامع CSS: معرفی دوره

اصول ابتدایی و اساسی CSS

انتخابگرها در CSS (قسمت اول

چطور در CSS متن تو رفتگی ایجاد کنیم؟

آموزش جامع CSS: چطور یک شی را در صفحه مخفی یا ظاهر کنیم؟

چطور از فونت‌ها در CSS استفاده کنیم؟

آموزش جامع CSS : چطور از لیست‌ها در سی اس اس استفاده کنیم؟

آموزش جامع CSS – چطور یک منو بار عمودی در طراحی کنیم؟

چطور از لیست‌ها در سی اس اس استفاده کنیم؟

آموزش جامع CSS: چطور یک منو بار افقی طراحی کنیم؟ – قسمت اول

 چطور یک منو بار افقی طراحی کنیم؟ – قسمت دوم

 

در خبرنامه ما عضو شوید
در خبرنامه ما عضو شوید
آخرین مطالب آموزش های ما را هر هفته در ایمیل خود داشته باشید.
شما می توانید در هر زمان عضویت خود را لغو کنید.

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

عضویت
اطلاع از
guest
0 نظرات
Inline Feedbacks
نمایش همه‌ی نظرات