Как и зачем я собрал Flash-загрузчик

Обо мне

Привет, я Пулкит. Я разработчик с полным стеком и энтузиаст блокчейна, и я стремлюсь сделать все проще с помощью технологий.

Проблема, которую я хотел решить

Что ж, я немного изучил анимацию спрайтов, пока учился делать игры с помощью pygame. Поэтому я подумал, почему бы не использовать этот метод для создания анимированного загрузчика для замены традиционных.

Что такое Flash-загрузчик?

⚡️ Flash-загрузчик ( — это забавная библиотека реагирующих компонентов, основанная на анимации спрайтов, которую можно использовать вместо традиционных лидеров. использует спрайт-лист для создания анимации. В то же время его довольно просто использовать и включать в существующий проект. Проверьте его здесь (и дайте ему звезду, если вам это нравится

Стек технологий

Технический стек -:
Реагировать
HTML
CSS-анимации

Процесс сборки Flash-загрузчика

Проблемы, с которыми я столкнулся

При создании компонента первый вопрос, который приходит вам на ум, как мой код станет универсальным, чтобы каждый мог его использовать. Ну, после прочтения некоторых статей я могу определенно сказать, что это самая простая часть. Единственная трудная часть здесь — это придумать стоящая идея.

Основные выводы

Использование CSS для обхода таблицы спрайтов«`

.повернуть {
ширина: 118,6 пикселей !важно;
высота: 111px !важно;
background : url(«../assets/lightining.png») слева по центру;
анимация: move3X 0,3 с шагов(3) бесконечно;
дисплей: блок;
поле: 0 авто;
}

@ключевые кадры move3X{
100% {фоновая позиция:-356px;}
}

## Tips and advice


## Final thoughts and next steps

********