אנימציית חץ שתעזור למשוך תשומת לב לכפתור או אלמנט חשוב

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

זה מאוד מאוד פשוט:

מוסיפים כפתור או אייקון או כל אלמנט אחר, מעצבים אותו כמו שרוצים, ומוסיפים לו את קלאס – במקרה הזה:

animated-button

בהגדרות > מתקדם > אפקטי תנועה – בוחרים אנימציית כניסה שאוהבים (אני משתמשת לצורך הזה לרוב בshake או בbounce). האנימציה שנבחר בעצם תחזור על עצמה בלופ אינסופי ותייצר את התנועה של הכפתור.

נוסיף לכפתור או לאייקון שלנו את הcss הבא (תחת מתקדם > css מותאם)

.animated-button{ 
	animation-iteration-count: infinite; 
}
Code language: CSS (css)

וזהו – יש לנו את זה!