آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!
7 7589 ۲۴ فروردین ۹۳ طاها دریس

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

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

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

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

کدهای html :

و کد CSS :

 

نکته :

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

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

 

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

نوع کد رايگان

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

  • ‏‏

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

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

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

  • ‏‏

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

  • ‏‏

    سلام
    خداقوت

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

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

    • ‏‏
      سجاد دریس(۱۲ تیر ۱۳۹۳)

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

    • ‏‏
      سجاد دریس(۱۲ تیر ۱۳۹۳)

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

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram