15 lines
1.1 KiB
Markdown
15 lines
1.1 KiB
Markdown
|
# 🎰 Rolling Letters Loader
|
||
|
|
|
||
|
|
Креативный текстовый индикатор загрузки с эффектом «барабана». Буквы слова **LOADING** поочередно вылетают и прокручиваются по вертикали, создавая эффект динамичного каскада.
|
||
|
|
|
||
|
|
### Особенности
|
||
|
|
|
||
|
|
- **Pure CSS**: Вся магия анимации реализована через `@keyframes` и трансформации.
|
||
|
|
- **Zero JS**: Решение работает без использования JavaScript и сторонних библиотек.
|
||
|
|
- **Staggered Animation**: Эффект «волны» достигается за счет последовательной задержки (`animation-delay`) для каждого символа.
|
||
|
|
|
||
|
|
### Технологии
|
||
|
|
|
||
|
|
- **HTML5**: Семантическая разметка с использованием `<span>` для каждой буквы.
|
||
|
|
- **CSS3**: Использование `rotateX` для 3D-вращения и `top` для перемещения по вертикали.
|