12 lines
928 B
CSS
12 lines
928 B
CSS
/* Aurora Admin PageTransition 样式 — 路由切换动画 */
|
|
.aa-pt { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
|
|
.aa-pt-bar { display: flex; gap: 8px; margin-bottom: 12px; }
|
|
.aa-pt-bar .aa-btn { font-size: 13px; padding: 6px 12px; }
|
|
.aa-pt-stage { border: 1px solid #E8ECF1; border-radius: 8px; padding: 28px; text-align: center; color: #595959; min-height: 96px; display: flex; align-items: center; justify-content: center; font-size: 15px; background: #fff; }
|
|
.aa-pt-fade { animation: aaFade .35s ease; }
|
|
.aa-pt-slide { animation: aaSlide .35s ease; }
|
|
.aa-pt-zoom { animation: aaZoom .35s ease; }
|
|
@keyframes aaFade { from { opacity: 0; } to { opacity: 1; } }
|
|
@keyframes aaSlide { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
|
|
@keyframes aaZoom { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: none; } }
|