@keyframes fadeInOut 0% opacity: 0; 10% opacity: 1; 90% opacity: 1; 100% opacity: 0;
// Emit event or refresh data // await fetchData(); ; mac refresh keyboard shortcut
to transform: translateX(0); opacity: 1; @keyframes fadeInOut 0% opacity: 0; 10% opacity: 1;
// Usage in component @Component( template: <div (refresh)="onRefresh()" appRefreshShortcut> <h1>Press Cmd+R to refresh</h1> </div> ) export class AppComponent onRefresh() console.log('Refreshing...'); window.location.reload(); @keyframes fadeInOut 0% opacity: 0
@keyframes slideOut from transform: translateX(0); opacity: 1;