شروع دوره پایتون از پنجشنبه 1 خرداد ، مقدماتی تا پیشرفته، بدون پیش نیاز شروع دوره پایتون از پنجشنبه 1 خرداد ، مقدماتی تا پیشرفته، بدون پیش نیاز
🎯 ثبت نام

آموزش افکت سیاه سفید کردن تصاویر

آموزش افکت سیاه سفید کردن تصاویر


در این مقاله می آموزید که چطور با استفاده از CSS و Html تصویر سیاه سفید ایجاد کنید.


برای تبدیل یک تصویر به سیاه و سفید ، از ویژگی filter کد CSS استفاده کنید.


مثال رنگ خاکستری


رنگ تمامی تصاویر را به سیاه و سفید تغییر دهید ( 100% طوسی )


قدم اول : کد HTML را اضافه کنید.
مثال :



رنگ تصاویر را به سیاه و سفید تغییر دهید

Pineapple

قدم دوم :   کد CSS را اضافه کنید.
مثال :

img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
                


نمونه مثال Black and White Image:

<p>رنگ تصاویر را به سیاه و سفید تغییر دهید </p>

<img src="http://articles.tahlildadeh.com/image.axd?picture=pineapple.jpg" alt="Pineapple" width="300" height="300">

امتحان کنید

خروجی Black and White Image  

رنگ تصاویر را به سیاه و سفید تغییر دهید
1400/01/10 3692 419
رمز عبور : tahlildadeh.com یا www.tahlildadeh.com
نظرات شما

نظرات خود را ثبت کنید...