illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6336 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !
7 7319 ۲۴ فروردین ۹۳ طاها دریس

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

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

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

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

کدهای html :

و کد CSS :

 

نکته :

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

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

 

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

نوع کد رايگان

دیدگاه ها 7 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

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

  • ‏‏
    reza nasrollahi(۲۷ فروردین ۱۳۹۳)

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

  • ‏‏

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

  • ‏‏

    سلام
    خداقوت

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

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

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram