12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- .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;
- }
|