diff options
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; +} |