Skip to content

Instantly share code, notes, and snippets.

@jerryharrison
Created August 1, 2017 20:51
Show Gist options
  • Save jerryharrison/cf6ef4e3cf560f1e5e6224ddb06624a7 to your computer and use it in GitHub Desktop.
Save jerryharrison/cf6ef4e3cf560f1e5e6224ddb06624a7 to your computer and use it in GitHub Desktop.
Nice little mouse "icon" class to apply to a div
.mouse {
height: 45px;
width: 27px;
border-radius: 24px;
border: 2px solid rgba(0,0,0,.47);
&:after {
content: '';
display: block;
height: 8px;
width: 2px;
margin: 10px auto;
background: rgba(0,0,0,.47);
position: relative;
-webkit-animation: a 1.2s ease infinite;
animation: a 1.2s ease infinite;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment