DEV Community

Cover image for CSS Buttons - Dopamina
Felipe 0liveira
Felipe 0liveira

Posted on

CSS Buttons - Dopamina

O que nos precisamos fazer, como desenvolvedores, designers, project owners, etc.

É satisfazer o usuário em cada passo que ele avança dentro da aplicação, sendo desde um login, até uma aprovação.

É claro que existem muitas formas de fazer isso, a questão é que muitas vezes podemos dar esse gostinho de dopamina totalmente satisfatória com simples botões.


Upload buttons

💡Tips: submit, survey, file upload, to shop...


Floating action button (FAB)

💡Tips: quick actions, social media, main menu...


Pre action button

💡Tips: delete, confirm, submit...


Slide dopamine

💡Tips: delete submit, to shop...


Share buttons

Tips: quick actions, social networks, menu...


Comenta aí qual é sua animação favorita.

Espero que tenha gostado 🤘

Top comments (0)