social-media-popup-icons

🇺🇸 Social media popup animated icons.

🇧🇷 Ícones animados pop-up de redes sociais.

Project Link / Link do Projeto

• https://lucasaraujodev.github.io/social-media-popup-icons/

For this project, I used / Para este projeto, utilizei:

• HTML
• CSS
• Font Awesome (for icons use / para utilização de ícones)

Acquired knowledge / Conhecimento adquirido:

🇺🇸 I was inspired by @smthari 's frontend project called "social-media-popup-animation" to improve my habilities on creating effects using pure CSS. I went beyond the original project adding more icons from other social networks that were not present before. In addition I add to each icon their respective acess link making them more function. My intention in this project is, over time, to add in an organized way more and more icons with links to social media in a more interesting and fun way to use in different types of websites.

🇧🇷 Inspirei-me no projeto frontend de @smthari chamado "social-media-popup-animation" para melhorar minhas habilidades criando efeitos utilizando CSS puro. Fui além do projeto original adicionado mais ícones de outras redes sociais que não estavam presentes antes. Minha inteção neste projeto é, com o tempo, adicionar de forma organizada cada vez mais ícones com links para mídias sociais de maneira mais interessante e divertida para utilização em diferentes tipos de sites.

Challenges I had / Desafios que tive:

🇺🇸 The biggest challenge was how to implement the acess link (popup function) to each icon without undoing the animation effect.

🇧🇷 O maior desafio foi implementar o link de acesso (funcionalidade pop-up) em cada ícone sem desfazer o efeito de animação.