Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
<div class="avatar"></div>
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
.avatar {
background-color: red;
height: 120px;
margin: 40px;
width: 120px;
@at-root {
@keyframes fade {
from { transform: scale(1.0); }
to { transform: scale(1.1); }
}
}
&:hover {
animation: fade .4s infinite ease-in alternate;
}
}
.avatar {
background-color: red;
height: 120px;
margin: 40px;
width: 120px;
}
@keyframes fade {
from {
transform: scale(1);
}
to {
transform: scale(1.1);
}
}
.avatar:hover {
animation: fade .4s infinite ease-in alternate;
}
<div class="avatar"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.