.blinking { animation-name: blinker; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .logoText { animation: fadeIn 2s ease-in-out both; } @keyframes colorBlink { 0%, 100% { color: #ff0000; } 25% { color: #00ff00; } 50% { color: #0000ff; } 75% { color: #ff9900; } } .animated { animation: colorBlink 2s linear infinite; } @keyframes blink { 0% { color: red; } 25% { color: blue; } 50% { color: green; } 75% { color: orange; } 100% { color: purple; } } .deco { animation: blink 2s infinite; }