修改 news/header.scss 中的 jump 動畫效果,解決因為修改 bottom 而位置改變,造成 unhover 導致 button 抽搐的現象。
This commit is contained in:
parent
602d832ae2
commit
7578617c22
@ -31,18 +31,9 @@
|
|||||||
0px 0px 10px 0px rgba(0, 0, 0, 0.2);
|
0px 0px 10px 0px rgba(0, 0, 0, 0.2);
|
||||||
|
|
||||||
@keyframes jump {
|
@keyframes jump {
|
||||||
0% {
|
|
||||||
position: relative;
|
|
||||||
bottom: 0px;
|
|
||||||
}
|
|
||||||
50% {
|
50% {
|
||||||
position: relative;
|
transform: translateY(-5px) rotate(45deg) ;
|
||||||
bottom: 20px;
|
}
|
||||||
}
|
|
||||||
100% {
|
|
||||||
position: relative;
|
|
||||||
bottom: 0px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user