Skip to content

Instantly share code, notes, and snippets.

@msikma
Created February 7, 2015 19:36
Show Gist options
  • Save msikma/5a7f6b4bf711e8cefd77 to your computer and use it in GitHub Desktop.
Save msikma/5a7f6b4bf711e8cefd77 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.1.0-beta)
// ----
@mixin pulsate($animation-name, $start-size: 0.75, $end-size: 1, $duration: 1.5s) {
@keyframes #{$animation-name} {
0% { transform: scale($start-size); }
50% { transform: scale($end-size); }
100% { transform: scale($start-size); }
}
animation: $animation-name $duration infinite;
}
a {
@include pulsate(
$animation-name: "focus-ripple-pulsate",
$start-size: 0.75,
$end-size: 0.85
);
}
a {
@keyframes focus-ripple-pulsate {
0% {
transform: scale(0.75); }
50% {
transform: scale(0.85); }
100% {
transform: scale(0.75); } }
animation: "focus-ripple-pulsate" 1.5s infinite; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment