Skip to content

Instantly share code, notes, and snippets.

@Athira2199
Created January 11, 2021 11:26
Show Gist options
  • Save Athira2199/d938309eb982bb16de0f892cea8c8bff to your computer and use it in GitHub Desktop.
Save Athira2199/d938309eb982bb16de0f892cea8c8bff to your computer and use it in GitHub Desktop.
.line{
animation: line-length 3s ease-in-out infinite;
}
#hand-boy,#hand-note-boy{
animation: rotate 3s ease-in-out infinite;
}
@keyframes line-length{
0%{
transform : translate(-90.21711px,-178.25098px);
opacity: 0.1;
}
50%{
transform : translate(-100.21711px,-178.25098px);
opacity: 0.5;
}
100%{
transform : translate(-90.21711px,-178.25098px);
opacity: 1;
}
}
@keyframes rotate{
0%{
transform : translate(-90.21711px,-178.25098px);
}
50%{
transform : translate(-100.21711px,-198.25098px);
}
100%{
transform : translate(-90.21711px,-218.25098px);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment