Мой перевод этой статьи!!! Когда дело доходит до движения и анимации, мне, наверное, больше всего нравится они, чем частицы. Вот почему каждый раз, когда я исследую новые технологии, я всегда заканчиваю тем, что создаю демонстрации с максимально возможным количеством частиц . В этом посте мы сделаем еще больше магии частиц, используя API веб-анимации, чтобы создать эффект фейерверка при нажатии на кнопку. Поддержка браузера На момент написания этой статьи все основные браузеры - за исключением Safari и Internet Explorer - по крайней мере частично поддерживают API веб-анимации...

Данную привлекательную кнопку сделать очень легко и просто. Для начала создаем файл index.html и style.css прописываем оболочку htmlю Заголовок я назвал Gradient button, вы можете по-своему далее при помощи тега <a> мы создаём ссылку на которую вас будет перебрасывать после нажатия на кнопку, в ней создаём класс (я назвал его button) , между тегов прописываем наш текст, который отобразится на кнопке далее переходим к нашему css файлу в body прописываем display - flex, затем с помощью justify-content...