सोशल नेटवर्क

अनुशंसित

29 May 2025

<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>

सोशल नेटवर्क

अनुशंसित

सोशल आइकन पर प्रकाश प्रभाव

सोशल आइकन्स विथ एनिमेशन

एनिमेटेड सोशल मीडिया बटन

HTML

CSS

JS

अनुशंसित

सोशल आइकन पर प्रकाश प्रभाव

सोशल आइकन्स विथ एनिमेशन

एनिमेटेड सोशल मीडिया बटन

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS