תאור המאפיין filter


קובע איזה הפקט להוסיף לתמונה (שחור לבן וכו...).


קוד לדוגמה המציג את המאפיין filter


<!DOCTYPE html>
<html>
<head>
    <title>כותרת האתר</title>
<style>
img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
</style>
<meta charset="utf-8"/>
</head>
<body>
    <img src="dog.jpg" alt="dog" width="300" height="300">
</body>
</html>

תמיכה בדפדפנים למאפיין filter


chrome logo
explorer logo
edge logo
firefox logo
safari logo
opera logo
18.0
לא
13.0
35.
9.1
15.0

המספר מתחת לאייקון של הדפדפנים מציין את הגרסה הראשונה שבה נתמכת המאפיין.


גרסת css למאפיין filter


3


תכונות למאפיין filter


blur()נעדכן בקרוב את תאור הערך.
brightness()נעדכן בקרוב את תאור הערך.
contrast()נעדכן בקרוב את תאור הערך.
drop-shadow()נעדכן בקרוב את תאור הערך.
grayscale()נעדכן בקרוב את תאור הערך.
hue-rotate()נעדכן בקרוב את תאור הערך.
invert()נעדכן בקרוב את תאור הערך.
noneנעדכן בקרוב את תאור הערך.
opacity()נעדכן בקרוב את תאור הערך.
saturate()נעדכן בקרוב את תאור הערך.
sepia()נעדכן בקרוב את תאור הערך.
url()נעדכן בקרוב את תאור הערך.

השאר תגובה