सोशल नेटवर्क

संपादक में खोलें Video अपना कोड प्रकाशित करें

अनुशंसित

16 December 2024

HTML और CSS का उपयोग करके सोशल आइकन

20 June 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 का उपयोग करके सोशल आइकन

सोशल मीडिया लिंक कार्ड HTML

HTML

CSS

JS

अनुशंसित

आईटी सिस्टम और नेटवर्क

HTML और CSS का उपयोग करके सोशल आइकन

सोशल मीडिया लिंक कार्ड HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS