sookie/blog-web
1
0
Fork 0
Code Issues 12 Pull Requests Projects Releases Wiki Activity

工具栏弹出隐藏效果优化

Browse Source
This commit is contained in:
结发受长生
2019-05-19 08:08:20 +08:00
parent 83a464b2c2
commit ea0d83d9fa
9 changed files with 63 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/yilia/source-src/css/core/_animation.scss
+32 -8
View File
@@ -255,13 +255,25 @@
}
@keyframes leftIn {
from {transform: translate3d(0, 0, 0);}
to {transform: translate3d(333px, 0, 0);}
from {
transform: translate3d(0, 0, 0);
background:$colorBodyBg;
}
to {
transform: translate3d(333px, 0, 0);
background: none;
}
}
@keyframes leftOut {
from {transform: translate3d(333px, 0, 0);}
to {transform: translate3d(0, 0, 0);}
from {
transform: translate3d(333px, 0, 0);
background: none;
}
to {
transform: translate3d(0, 0, 0);
background:$colorBodyBg;
}
}
%anmLeftIn {
@@ -275,13 +287,25 @@
}
@keyframes smallLeftIn {
from {transform: translate3d(0, 0, 0);}
to {transform: translate3d(300px, 0, 0);}
from {
transform: translate3d(0, 0, 0);
opacity: 0;
}
to {
transform: translate3d(300px, 0, 0);
opacity: 1;
}
}
@keyframes smallleftOut {
from {transform: translate3d(300px, 0, 0);}
to {transform: translate3d(0, 0, 0);}
from {
transform: translate3d(300px, 0, 0);
opacity: 1;
}
to {
transform: translate3d(0, 0, 0);
opacity: 0;
}
}
%anmSmallLeftIn {