réseaux sociaux

1030 ledoc

Ouvrir dans l'éditeur Publiez votre code

Recommandé

26 June 2025

Profil de liens sociaux

20 June 2025

Cartes de liens vers les réseaux sociaux HTML

23 November 2024

Boutons de réseaux sociaux en survol

HTML

<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
    .custom-share-buttons {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-top: 20px;
    }

.custom-share-buttons button {
      background-color: #141414;
      color: white;
      border: none;
      padding: 10px;
      border-radius: 5px;
      cursor: pointer;
      transition: transform 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s;
    }

.custom-share-buttons button:hover {
      background-color: #333333;
      color: #ffcc00;
      transform: scale(1.2);

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

.custom-share-buttons button:active {
      transform: scale(1.1);
    }
  </style>
</head>

<body>
  <div class="custom-share-buttons">
    <button>Facebook</button>
    <button>Twitter</button>
    <button>LinkedIn</button>
    <button>Pinterest</button>
    <button>Reddit</button>
    <button>Tumblr</button>
    <button>WhatsApp</button>
    <button>Mail</button>
    <button>Copier URL</button>
    <button>Imprimer</button>
  </div>
</body>

</html>

réseaux sociaux

Recommandé

Profil de liens sociaux

Cartes de liens vers les réseaux sociaux HTML

Boutons de réseaux sociaux en survol

HTML

CSS

JS

Recommandé

Profil de liens sociaux

Cartes de liens vers les réseaux sociaux HTML

Boutons de réseaux sociaux en survol

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS