Создание одноэлементных прядильных машин и загрузчиков с помощью CSSPIN
Вы можете создавать удивительные вещи с помощью CSS3, от настраиваемые поля ввода в выпадающие и даже векторная графика. Эти методы быстро обгоняет JavaScript, облегчая разработчикам создание лучшего пользовательского опыта.
Одна из самых сложных вещей для создания загрузка анимации вращения но современная CSS анимация даже делает это довольно простым.
Чтобы сэкономить время на строительство с нуля, вы можете использовать библиотеку, как CSSPIN с тоннами предварительно определенные пользовательские блесны. Все эти анимации бесплатны для клонирования и полностью с открытым исходным кодом, так что у вас есть полный доступ редактировать код по вашему желанию.
Настройка блесны с этой библиотекой очень проста. Ты только скопировать библиотеку CSS на свою страницу, то добавить пользовательские элементы HTML везде, где вы хотите, чтобы они появились.
Эти пользовательские блесны используют только один элемент HTML создать эффект анимации. Это огромно, потому что графический и анимационный эффект отрисовывается исключительно через CSS классы.
И, так как у вас есть доступ к исходному коду, вы можете заменить формы, цвета, размеры и скорости анимации лучше соответствовать вашим проектам.
Просто запомните код действительно использует синтаксис LESS, поэтому вам нужно быть знакомым с этим языком предварительной обработки, чтобы вносить какие-либо важные изменения.
Но вы можете найти много простые примеры CSS на главной демо-странице вместе с простые инструкции на странице GitHub.
Если вы знакомы с НПМ или же Беседка это альтернативные методы для установки библиотеки.
Независимо от того, как вы его установите, это отличная библиотека анимации CSS для работы. Это должно быть полностью модульный с большим количеством места для новых вращателей, новой анимации и настроек от других разработчиков.
Чтобы узнать больше и просмотреть всю документацию, проверьте CSSPIN репо на GitHub. Создатель также сделал небольшой настройка видео что вы можете посмотреть ниже.