Kiu/Semaphore
Kiu/Semaphore
1
0
Fork 0
mirror of https://github.com/semaphoreui/semaphore.git synced 2024-11-23 20:35:24 +01:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Merge pull request #78 from ansible-semaphore/feature/fix-octocat

Browse Source 
Rotate the octocat on the github corner
This commit is contained in:
Matej Kramny 2016-04-24 19:10:08 +01:00
commit 37b0f62915
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public/css/semaphore.less
View File

@ -63,28 +63,32 @@ ul.nav {
position: absolute;
left: 0;
bottom: 0;
transform: scale(-1,-1);
transform: rotate(360deg) scale(-1,-1);
mix-blend-mode: darken;
color: #ffffff;
fill: #000000;
}
.octo-body {
transform: rotate(-226deg) translate(-250px, -260px);
}
.octo-arm {
transform-origin: 130px 110px;
transform: rotate(-226deg) translate(-250px, -260px);
}
.github-corner:hover .octo-arm{
animation:octocat-wave .56s;
}
@keyframes octocat-wave {
0%, 100% {
transform: rotate(0);
0%,
100% {
transform: rotate(-226deg) translate(-250px, -260px);
}
20%, 60% {
transform:rotate(-20deg);
20%,
60% {
transform: rotate(-227deg) translate(-250px, -260px);
}
40%, 80% {
transform:rotate(10deg);
40%,
80% {
transform: rotate(-226deg) translate(-250px, -260px);
}
}