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

מדוע מעבר עכבר בכלל ממירים?

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

צילום מסך - וויקיפדיה

צילום מסך – וויקיפדיה

אספנו עבורכם מגוון אנימציות מוכנות במעברי עכבר שישפרו את החוויה באתר שלכם:

Ghost Button Animation – Dribbble

מעבר עכבר עם צבע מתחף (גרדיאנט)

Amy Winehouse Doc Button

Animated Ghost Button

Button Hover Animations

אנימציות בסגנון 8-ביטים

Animated SVG Hover Buttons

לחצן OK

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

3 תגובות ל- “13 אנימציות CSS שיהפכו את הלחצנים באתר שלכם לממירים יותר!”

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

  2. אייל הגיב:

    מאמר סופר מדליק הוספתי גם אצלי סקריפט שעזר לי המון באתר

  3. עמי הגיב:

    ערב טוב
    הדברים שהצגת מאלפים
    אני בתור בעל אתר יכול להעלות לעמוד או פוסט את אחד הדוגמאות שהצגת?
    איך עושים זאת?
    אין לי ידע בשפת התכנות?
    יש לזה תוסף?
    תודה מראש

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *