Widget:Discord

De Wiki Gla
Revisão de 02h28min de 26 de dezembro de 2024 por Gurren1 (discussão | contribs)
Ir para navegação Ir para pesquisar
   <a href="https://discord.gg/grandlineadventures" target="_blank"
       style="margin: 0 25px; font-size: 36px; color: #5865F2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>
   <a href="https://www.facebook.com/grandlineadventures" target="_blank"
       style="margin: 0 25px; font-size: 36px; color: #4267B2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>
   <a href="https://www.instagram.com/grandlineadventures/" target="_blank"
       style="margin: 0 25px; font-size: 36px; color: #E4405F; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>
   <a href="https://www.tiktok.com/@grandlineadventures" target="_blank"
       style="margin: 0 25px; font-size: 36px; color: #010101; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>
   <a href="https://www.twitch.tv/grandlineadventures" target="_blank"
       style="margin: 0 20px; font-size: 36px; color: #9146FF; text-decoration: none; display: inline-block; transition: transform 0.2s ease, color 0.2s ease, filter 0.2s ease;">
       
   </a>
   <a href="https://grandlineadventures.com/#download" target="_blank"
       style="margin: 0 25px; font-size: 36px; color: #333; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>

<style>

   a:hover .fab.fa-discord,
   a:hover .fab.fa-facebook,
   a:hover .fab.fa-instagram,
   a:hover .fab.fa-tiktok,
   a:hover .fab.fa-twitch,
   a:hover .fas.fa-download {
       color: currentColor; /* Mantém a cor do ícone */
       transform: scale(1.05); /* Aumento leve */
       filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); /* Sombra arredondada natural */
   }

</style>