/* Syntax */ @keyframes animation-name{ keyframe-selector{ CSS property value } } /* Code */ @keyframes slide-in { from { margin-left: 100%; width: 300%; } 70% { margin-left: 90%; width: 150%; } to { margin-left: 0%; width: 100%; } }.headline{ @include keyframes(fade){ 0%{ opacity: 1; } 50%{ opacity: 0.5; } 100%{ opacity: 0; } } @include animate(fade, 1s, linear, 1); }