redes sociales

1,791 ledoc

Abrir en el editor Publica tu código

Recomendado

26 December 2025

Plantilla de formulario de inicio de sesión HTML para redes sociales

26 August 2024

Iconos sociales con reflejos

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