mirror of
https://github.com/yyhuni/xingrin.git
synced 2026-02-12 17:33:36 +08:00
191ff9837b
- Replace traditional card-based login form with immersive terminal-style interface - Add PixelBlast animated background component for cyberpunk aesthetic - Implement TerminalLogin component with typewriter and terminal effects - Add new animation components: FaultyTerminal, PixelBlast, Shuffle with CSS modules - Add gravity-stars background animation component from animate-ui - Add terminal cursor blink animation to global styles - Update login page translations to support terminal UI prompts and messages - Replace Lottie animation with dynamic WebGL-based PixelBlast component - Add dynamic imports to prevent SSR issues with WebGL rendering - Update component registry to include @magicui and @react-bits registries - Refactor login form state management to use async/await pattern - Add fingerprint meta tag for search engine identification (FOFA/Shodan) - Improve visual hierarchy with relative z-index layering for background and content
31 lines
504 B
CSS
31 lines
504 B
CSS
.shuffle-parent {
|
|
display: inline-block;
|
|
white-space: normal;
|
|
word-wrap: break-word;
|
|
will-change: transform;
|
|
line-height: 1.2;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.shuffle-parent.is-ready {
|
|
visibility: visible;
|
|
}
|
|
|
|
.shuffle-char-wrapper {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
vertical-align: baseline;
|
|
position: relative;
|
|
}
|
|
|
|
.shuffle-char-wrapper > span {
|
|
display: inline-flex;
|
|
will-change: transform;
|
|
}
|
|
|
|
.shuffle-char {
|
|
line-height: 1;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|