add github corner

This commit is contained in:
Pan
2017-04-24 17:42:44 +08:00
parent 3fe2a376dd
commit 9bb1e4aadc
3 changed files with 47 additions and 0 deletions

View File

@@ -228,3 +228,32 @@ code {
position: relative;
margin: 0 auto;
}
//github-corner
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0)
}
20%,
60% {
transform: rotate(-25deg)
}
40%,
80% {
transform: rotate(10deg)
}
}
@media (max-width:500px) {
.github-corner:hover .octo-arm {
animation: none
}
.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
}