diff options
author | tang peng <tang.peng5@zte.com.cn> | 2018-09-18 10:57:13 +0000 |
---|---|---|
committer | Gerrit Code Review <gerrit@onap.org> | 2018-09-18 10:57:13 +0000 |
commit | 795b874b98b320fdf7a58d557c53a584d2ba80c5 (patch) | |
tree | b69fb1af3c239475c751a4e2d2097879d762504f /rulemgt-frontend/src/assets/framework/browser/css/animations.css | |
parent | 153b0f688907ff17929723d0a33c0feb4477913e (diff) | |
parent | 19a11640b3ed8d770fd1cb6f296c4c0e793cdb2a (diff) |
Merge "Changed the Style of GUI"
Diffstat (limited to 'rulemgt-frontend/src/assets/framework/browser/css/animations.css')
-rw-r--r-- | rulemgt-frontend/src/assets/framework/browser/css/animations.css | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/rulemgt-frontend/src/assets/framework/browser/css/animations.css b/rulemgt-frontend/src/assets/framework/browser/css/animations.css new file mode 100644 index 0000000..678d9ff --- /dev/null +++ b/rulemgt-frontend/src/assets/framework/browser/css/animations.css @@ -0,0 +1,45 @@ +.slide-reveal.ng-enter { + -webkit-transition:0.5s linear all; + -moz-transition:0.5s linear all; + -o-transition:0.5s linear all; + transition:0.5s linear all; + + opacity:0.5; + position:relative; + opacity:0; + top:10px; +} +.slide-reveal.ng-enter-active { + top:0; + opacity:1; +} + +.expand.ng-enter { + -webkit-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all; + -moz-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all; + -o-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all; + transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all; + + opacity:0; + max-height:0; + overflow:hidden; +} +.expand.ng-enter-active { + opacity:1; + max-height:40px; +} + +.expand.ng-leave { + -webkit-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all; + -moz-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all; + -o-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all; + transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all; + + opacity:1; + max-height:40px; + overflow:hidden; +} +.expand.ng-leave-active { + opacity:0; + max-height:0; +} |