אייקון גלילה למטה

הוראות

  1. יוצרים אייקון ונותנים לו קלאס.
  2. בהגדרות אנימציה, שם אנימציה, משך, מספר פעמים, וכיוון.
  3. בפריימים, שני פריימים.
  4. נסו ליצור אפשרויות מעניינות יותר.
				
					.my-arrow{
        animation-name: my-arrow-animation;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

  @keyframes my-arrow-animation {
  0% {
      transform:translate(0,0);
  }
  100% {
      transform:translate(0,50px);
  }
}