| 123456789101112131415161718192021222324252627282930313233 |
- .modal-fade-enter-active,
- .modal-fade-leave-active
- transition: opacity 0.3s ease
- .modal-fade-enter-from,
- .modal-fade-leave-to
- opacity: 0
- .modal-content
- transition: all 0.3s ease
- transform-origin: center
- .modal-fade-enter-active .modal-content
- animation: modal-scale-in 0.3s ease
- .modal-fade-leave-active .modal-content
- animation: modal-scale-out 0.3s ease
- @keyframes modal-scale-in
- 0%
- opacity: 0
- transform: scale(0.9)
- 100%
- opacity: 1
- transform: scale(1)
- @keyframes modal-scale-out
- 0%
- opacity: 1
- transform: scale(1)
- 100%
- opacity: 0
- transform: scale(0.9)
|
