کد css : پس زمینه ی راه راهی (stripes background)

- visibility ۷ mode_comment

سلام خدمت همه سون لرنی های عزیز. امیدوارم که حالتون خوب باشه...

شاید خیلی شما (حتی من) تا به حال برای ایجاد یک پس زمینه ی راه راهی از تصویر استفاده می کردید. اما غیر ممکن است که در CSS3 راهی برای ایجاد چنین پس زمینه ای وجود نداشته باشد!

در css3 یک آرگمانی به نام repeating-linear-gradient در خصوصیت background وجود دارد که می توان با استفاده از آن یک پس زمینه راه راهی ایجاد کرد.

به مثال زیر دقت کنید:

کدهای html :

و کد CSS :

 

info نکته :

با تغییر عدد 45deg زاویه دلخواهتون رو ایجاد کنید.

رنگ ها رو هم به  دلخواهتون میتونید تغییر، کاهش یا افزایش بدین.

 

امیدوارم که براتون مفید بوده باشه.

comment دیدگاه کاربران
Paria RVN

جالب بود، ممنون.

reza nasrollahi

به نام خدا
ممنون
اجرکم محفوظا

Majid

خوب بود…
آیا با این روش میشه background شطرنجی ایجاد کرد تا دیگه از تصویر استفاده نکنیم، میشه آیا؟

سجاد دریس

بله صد درصد لینک
فقط کمی باعث میشه چشمای کاربر هنگ کنه 😀

ممد

سلام
خداقوت

داداش چطوری میشه شعاع نور خورشیدو ایجاد کرد؟
ینی این راه راها بشن شعاع دایره
شدنیه ؟

یه چیزی تو این مایه ها =>> http://photoshopiist.com/wp-content/uploads/light1.jpg

سجاد دریس

نه دیگه تا این حد 😀
اینو باید با فتوشاپ بسازی.
شاید هم بشه. نمیدونم. جیزی به ذهنم نمیرسه

سجاد دریس

نهایت کاری که با این تکنیک میشه انجام داد. اینا هستن

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.