دوره جامع و پروژهمحور طراحی وب با تمرکز روی JavaScript، Ajax و API! با طراحی ریسپانسیو و پروژههای حرفهای مثل دیجیکالا و شمرون کباب مهارتت رو حرفهای کن!
مشاهده بیشتر
این دوره شما رو از مفاهیم پایه تا مباحث پیشرفته مثل JavaScript، React و Next.js پیش میبره. با آموزش پروژهمحور، یک فروشگاه اینترنتی کامل طراحی میکنید و برای ورود به بازار کار آماده میشید!
مشاهده بیشترمشخصات مقاله
-
562
-
0.0
-
4350
-
0
-
0
آموزش افکت سیاه سفید کردن تصاویر
آموزش افکت سیاه سفید کردن تصاویر
در این مقاله می آموزید که چطور با استفاده از 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
