Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस के साथ बटन होवर पर फीका


आप सीएसएस के साथ बटन होवर पर फीका करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         .btn {
            background-color: orange;
            color: white;
            padding: 10px;
            text-align: center;
            font-size: 16px;
            margin: 5px;
            opacity: 0.5;
            transition: 0.5s;
            display: inline-block;
            text-decoration: none;
            cursor: pointer;
         }
         .btn:hover {
            opacity: 2
         }
      </style>
   </head>
   <body>
      <button class = "btn">Result</button>
   </body>
</html>

  1. कैसे सीएसएस के साथ लुप्त होती बटन बनाने के लिए?

    CSS के साथ फ़ेडिंग बटन बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> button {    background-color: rgb(255, 175, 222);    border:

  1. CSS के साथ सर्च बटन कैसे बनाएं?

    CSS के साथ खोज बटन बनाने के लिए निम्नलिखित कोड है - उदाहरण body { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सैन्स-सेरिफ़;}* {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स;}इनपुट [टाइप =टेक्स्ट] {पैडिंग:12px; फ़ॉन्ट-आकार:17px; सीमा:1px ठोस ग्रे; नाव छोड़ी; चौड़ाई:80%; बैकग्राउंड:#f1f1f1;}बटन {फ्लोट:लेफ्ट; चौड़

  1. कैसे सीएसएस के साथ होवर पर एक तत्व प्रदर्शित करने के लिए?

    CSS के साथ होवर पर किसी तत्व को प्रदर्शित करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body{       margin:20px;       padding:20px;       font-family: 'Segoe UI', Tahoma, Geneva,