كيف - إضافة تأثيرات الصورة
تعرف على كيفية إضافة تأثيرات بصرية إلى الصور.
مرشحات الصور
مرشحات CSS
تضيف خاصية CSS filter
تأثيرات بصرية (مثل التمويه والتشبع) إلى عنصر.
ملاحظة: خاصية التصفية غير مدعومة في Internet Explorer أو Edge 12 أو Safari 5.1 والإصدارات الأقدم.
مثال على التدرج الرمادي
قم بتغيير لون كل الصور إلى أبيض وأسود (100٪ رمادي):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Original image
grayscale(100%)
مثال طمس
قم بتطبيق تأثير تمويه على جميع الصور:
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
Original image
blur(5px)
انتقل إلى خاصية عامل تصفية CSS الخاصة بنا لمعرفة المزيد حول عوامل تصفية CSS.