שיתוף | קודי CSS למעבר עכבר

[גיפה]

מעברי עכבר מונפשים (פילטרים)

מעברי עכבר מונפשים הינם תחום די מדליק,
זה מסוג הדברים הפשוטים שהופכים את האתר למעוצב יותר וזה מוסיף לדעתי הרבה.

אז בוא נתחיל...

אז לטקסט מדובר במשהו די פשוט, זה הJS הזה (בספוילר)
אבל העניין הופך למתוחכם הרבה יותר כשעושים אותו על תמונה.

ונסדר לפי האפקט.

שחור לבן במעבר עכבר

;(%100(grayscale:filter-webkit-
;(%100(grayscale: f

עמעום במעבר עכבר

;(5px(blur: filter-webkit-
;(5px(blur: f

גווני ספיה (דרגות שונות של חום)

;(%100(sepia: f

חידוד

;(7(saturate: f

צבעי נגטיב

;(%100(invert: f

תיהנו!