# CodePenchallenge Monochromatic Confetti🎉 кнопка

Описание

Цветовая палитра, которую я использовал на заднем плане, пуговице и самой конфетти в этой ручке, является фиолетовым, потому что я люблю фиолетовый цвет.

Эта кнопка сделана в ReactJS и GSAP.

Я использовал React Hooks USESTATE Для обращения с государством этой функциональности.

Я использовал временную шкалу GSAP для растяжения кнопки и обычной анимации GSAP для конфетти.

Что это делает

Это пример эффектного пользовательского интерфейса кнопки.

Когда вы нажимаете на кнопку, она снизится, а затем взорвется, как конфетти.

Возможно, это полезно, когда пользователь делает то, что было успешным, примером регистрации на веб -сайте.

Ресурсы

JavaScript:

Reactjs для функциональности и действия. GSAP для анимации.

Используется шрифт:

Fredoka One от Google Fonts

Живая демонстрация

Оригинал: “https://dev.to/takaneichinose/codepenchallenge-monochromatic-confetti-button-44ap”