Skip to content
Create a gist now

Instantly share code, notes, and snippets.

Animation without 0% or 100% keyframes
/* Animation without 0% or 100% keyframes */
/* @estellevw sez this can sometimes be buggy */
/* ref: */
@keyframes middling {50% {background-color: #777;}}
div {
width: 144px;
height: 48px;
margin: 24px;
border: 5px solid #999;
border-radius: 5px;
padding: 3px;
div:hover {animation: middling 3s;}
<h1>Animation with no 0% or 100% keyframes</h1>
<div>hover me</div>
<p>Works as expected in Chrome 16, Safari 5.1.2, Firefox 9</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.