diff options
author | GuangrongFu <fu.guangrong@zte.com.cn> | 2018-09-18 17:30:18 +0800 |
---|---|---|
committer | GuangrongFu <fu.guangrong@zte.com.cn> | 2018-09-18 18:47:02 +0800 |
commit | 19a11640b3ed8d770fd1cb6f296c4c0e793cdb2a (patch) | |
tree | b061b02d7c6414f7a588bbea186b40e882a1a429 /rulemgt-frontend/src/assets/framework/browser/css/animations.css | |
parent | 68642487bb04f73bb4784bb60a965e26d8f8016a (diff) |
Changed the Style of GUI
Change-Id: Ie30363f6358639c660f49585aa03d243b560e444
Issue-ID: HOLMES-148
Signed-off-by: GuangrongFu <fu.guangrong@zte.com.cn>
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; +} |