@CHARSET "UTF-8"; | |
/* | |
* Licensed to the Apache Software Foundation (ASF) under one | |
* or more contributor license agreements. See the NOTICE file | |
* distributed with this work for additional information | |
* regarding copyright ownership. The ASF licenses this file | |
* to you under the Apache License, Version 2.0 (the | |
* "License"); you may not use this file except in compliance | |
* with the License. You may obtain a copy of the License at | |
* | |
* http://www.apache.org/licenses/LICENSE-2.0 | |
* | |
* Unless required by applicable law or agreed to in writing, software | |
* distributed under the License is distributed on an "AS IS" BASIS, | |
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |
* See the License for the specific language governing permissions and | |
* limitations under the License. | |
*/ | |
[ui-view].ng-enter, [ui-view].ng-leave { | |
position: absolute; | |
left: 0; | |
right: 0; | |
-webkit-transition: all .5s ease-in-out; | |
-moz-transition: all .5s ease-in-out; | |
-o-transition: all .5s ease-in-out; | |
transition: all .3s ease-in-out; | |
} | |
[ui-view].ng-enter { | |
opacity: 0; | |
} | |
[ui-view].ng-enter-active { | |
opacity: 1; | |
} | |
[ui-view].ng-leave { | |
opacity: 1; | |
transform:translate3d(0, 0, 0); | |
} | |
[ui-view].ng-leave-active { | |
opacity: 0; | |
transform:translate3d(20%, 0, 0); | |
} |