פילטר צבע / שחור-לבן לפריטים

על מנת להוסיף פילטר שחור-לבן (צבע בזמן מעבר עכבר) – יש לבחור את האלמנט ברמה הגבוהה – כדוגמא כאן post-item ולהגדיר את קוד CSS הבא:

.post-item {
-webkit-filter: grayscale(1);
}

.post-item:hover {
filter: none;
-webkit-filter: grayscale(0);
}

.post-item {
transition-property: -moz-filter, -ms-filter, -o-filter, -webkit-filter, filter;
transition-duration: 1.5s;
}