social networks

1,935 ledoc

Open In Editor Publish Your Code

social networks

Recommended

19 December 2025

HTML Login Form Template with Social Login

26 June 2024

Multiple social media button

20 March 2026

HTML Login Form Example with Social Login

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>

CSS

JS