xuemingqiang/leanote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

drop down animation

Browse Source
This commit is contained in:
iiuazz
2014-09-15 16:13:27 +08:00
parent 9bf3b4c2bc
commit 4d48ecad49
5 changed files with 31 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/css/theme/basic.less
View File

@ -146,28 +146,36 @@
// 动画 // 动画
.open > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu { .open > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1); -webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1); -moz-transform: scale(1, 1);
-o-transform: scale(1, 1); -o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
} }
.dropdown-menu { .dropdown-menu {
opacity: 0; opacity: 0;
display: block;
-webkit-transform-origin: left; -webkit-transform: scale(0, 0);
-webkit-transform-origin: top;
-webkit-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;
-webkit-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
-o-transform: scale(0, 0);
-o-transform-origin: top;
-o-animation-fill-mode: forwards;
-o-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
-moz-transform: scale(0, 0); -moz-transform: scale(0, 0);
-moz-transform-origin: left; -moz-transform-origin: top;
-moz-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards;
-moz-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
transform: scale(0, 0);
transform-origin: top; transform-origin: top;
animation-fill-mode: forwards; animation-fill-mode: forwards;
transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1); transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
-webkit-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
-moz-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
} }
.dropdown-list { .dropdown-list {

19
public/css/theme/default.css
View File

@ -130,24 +130,31 @@
} }
.open > .dropdown-menu, .open > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu { .dropdown-submenu:hover > .dropdown-menu {
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1); -webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1); -moz-transform: scale(1, 1);
-o-transform: scale(1, 1); -o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
} }
.dropdown-menu { .dropdown-menu {
opacity: 0; opacity: 0;
-webkit-transform-origin: left; display: block;
-webkit-transform: scale(0, 0);
-webkit-transform-origin: top;
-webkit-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;
-webkit-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
-o-transform: scale(0, 0);
-o-transform-origin: top;
-o-animation-fill-mode: forwards;
-o-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
-moz-transform: scale(0, 0); -moz-transform: scale(0, 0);
-moz-transform-origin: left; -moz-transform-origin: top;
-moz-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards;
-moz-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
transform: scale(0, 0);
transform-origin: top; transform-origin: top;
animation-fill-mode: forwards; animation-fill-mode: forwards;
transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1); transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
-webkit-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
-moz-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
} }
.dropdown-list { .dropdown-list {
width: 530px; width: 530px;

2
public/css/theme/simple.css
View File

File diff suppressed because one or more lines are too long

2
public/css/theme/writting-overwrite.css
View File

File diff suppressed because one or more lines are too long

2
public/css/theme/writting.css
View File

File diff suppressed because one or more lines are too long