Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> .springy-text { color: darkslateblue; animation-name: springy-text; animation-duration: 1s; animation-timing-function: ease-in; animation-delay: 0s; animation-iteration-count: 6; animation-direction: alternate-reverse; animation-fill-mode: backwards; } @keyframes springy-text { 0% { letter-spacing:1.2em; color: thistle; } 100% { letter-spacing:0.1em; color: darkslateblue; } } </style> <h3 class="springy-text">Animations!</h3>
Preview