Skip to content

Instantly share code, notes, and snippets.

@benschwarz
Created March 27, 2012 05:26
Show Gist options
  • Save benschwarz/2212771 to your computer and use it in GitHub Desktop.
Save benschwarz/2212771 to your computer and use it in GitHub Desktop.
Untitled
body {
margin: 0 auto;
margin-top: 5em;
width: 760px;
}
.pulse {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 0 0 5px gold;
animation-direction: alternate;
animation: pulse infinite 2s ease-in-out;
}
@-webkit-keyframes 'pulse'
{
0% {
-webkit-transform: scale(0);
opacity: 0;
}
50% {
-webkit-transform: scale(0.7);
opacity: 0.2;
}
100% {
opacity: 0;
-webkit-transform: scale(0.9);
}
}
<body>
<div class="pulse"></div>
</body>
{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment