|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- // global transition css
-
- /* fade */
- .fade-enter-active,
- .fade-leave-active {
- transition: opacity 0.28s;
- }
-
- .fade-enter,
- .fade-leave-active {
- opacity: 0;
- }
-
- /* fade-transform */
- .fade-transform-leave-active,
- .fade-transform-enter-active {
- transition: all .5s;
- }
-
- .fade-transform-enter {
- opacity: 0;
- transform: translateX(-30px);
- }
-
- .fade-transform-leave-to {
- opacity: 0;
- transform: translateX(30px);
- }
-
- /* breadcrumb transition */
- .breadcrumb-enter-active,
- .breadcrumb-leave-active {
- transition: all .5s;
- }
-
- .breadcrumb-enter,
- .breadcrumb-leave-active {
- opacity: 0;
- transform: translateX(20px);
- }
-
- .breadcrumb-move {
- transition: all .5s;
- }
-
- .breadcrumb-leave-active {
- position: absolute;
- }
|