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

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



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!
2 3080 ۲۳ آذر ۹۳ علی امینی

سیاه و سفید کردن تصاویر در بعضی موارد میتواند تاثیر عمیقی از یک تصویر را ارائه دهد و یا حتی تصاویر را با کلاس تر جلوه دهد. در اینجا ما فیلتر سیاه و سفید(Grayscale) را توسط یک فایل SVG بر روی تصاویر اعمال میکنیم.

کدهای بالا درون یک فایل با فرمت SVG با نام filters.svg ذخیره میکنیم و سپس توسط کد زیر بر تصاویر فیلتر Grayscale را اعمال میکنیم.

و یا میتوانید قطعه کد SVG بالا را در انتهای فایل HTML خود قرار دهید و سپس خط دوم کد CSS را به صورت زیر تغییر دهید.

 

نوع کد رايگان

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

  • ‏‏

    سلام
    داخل کروم انجام شد ، ولی توی فایرفاکس کار نکرد …

    • ‏‏
      علی امینی(۲۸ آذر ۱۳۹۳)

      اگر کدهای SVG رو داخل صفحه HTML گذاشتید باید خط دوم کدهای CSS را مانند زیر تغییر دهید.
      filter: url(#grayscale);
      و اگر کدهای SVG رو درون یک فایل با فرمت .svg ذخیره کردید باید در همون خط دوم قسمت filters.svg را به آدرس اون فایل SVG تغییر بدید و در آخرش هم #grayscale رو قرار بدید.

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram