Základné animácie v CSS

 <div class="animacia">Pozdrav!</div> 

 .animacia { width: 150px; padding: 20px; text-align: center; background-color: #f44336; color: white; border-radius: 8px; animation: pohybFarba 3s infinite alternate; }

@keyframes pohybFarba {
0% { transform: translateY(0); background-color: #f44336; }
50% { transform: translateY(-20px); background-color: #ff9800; }
100% { transform: translateY(0); background-color: #f44336; }
}