CSS: سیاه و سفید کردن تصاویر

- visibility ٢ mode_comment

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

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

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

 

comment دیدگاه کاربران
سعید

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

علی امینی

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

نیاز به لاگین

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