GH wiggle
This commit is contained in:
parent
69fe069154
commit
2fc6398b1e
|
@ -60,7 +60,7 @@ const StatusBar = ({ tune }: { tune: TuneState }) => (
|
||||||
target="__blank"
|
target="__blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
>
|
>
|
||||||
<Space>
|
<Space className="github-link">
|
||||||
<GithubOutlined />
|
<GithubOutlined />
|
||||||
GitHub
|
GitHub
|
||||||
</Space>
|
</Space>
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
@import './themes/common.less';
|
@import './themes/common.less';
|
||||||
@import './themes/ant.less';
|
@import './themes/ant.less';
|
||||||
@import './overrides.less';
|
@import './overrides.less';
|
||||||
|
@import './animations.less';
|
||||||
|
|
||||||
body {
|
body {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -42,6 +43,14 @@ html, body {
|
||||||
a {
|
a {
|
||||||
color: @text;
|
color: @text;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.github-link {
|
||||||
|
animation: wiggle 2s linear 2;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-sidebar {
|
.app-sidebar {
|
||||||
|
|
|
@ -0,0 +1,23 @@
|
||||||
|
@keyframes wiggle {
|
||||||
|
0%, 7% {
|
||||||
|
transform: rotateZ(0);
|
||||||
|
}
|
||||||
|
15% {
|
||||||
|
transform: rotateZ(-15deg);
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
transform: rotateZ(10deg);
|
||||||
|
}
|
||||||
|
25% {
|
||||||
|
transform: rotateZ(-10deg);
|
||||||
|
}
|
||||||
|
30% {
|
||||||
|
transform: rotateZ(6deg);
|
||||||
|
}
|
||||||
|
35% {
|
||||||
|
transform: rotateZ(-4deg);
|
||||||
|
}
|
||||||
|
40%, 100% {
|
||||||
|
transform: rotateZ(0);
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue