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

सीएसएस के साथ बटन क्लिक पर एक दबाया हुआ प्रभाव जोड़ें

<घंटा/>

आप एक बटन के क्लिक पर दबाए गए प्रभाव को जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         .button {
            background-color: orange;
            color: white;
            border: none;
            border-radius: 7px;
            box-shadow: 0 5px #999;
            display: inline-block;
            padding: 10px;
            font-size: 16px;
            cursor: pointer;
            text-align: center;
            outline: none;
         }
         .button:hover {
            background-color: blue;
         }
         .button:active {
            background-color: orange;
            box-shadow: 0 5px gray;
            transform: translateY(2px);
         }
      </style>
   </head>
   <body>
      <button class = "button">Result</button>
   </body>
</html>

  1. सीएसएस के साथ एक बटन में रंगीन सीमा कैसे जोड़ें?

    रंगीन बॉर्डर जोड़ने के लिए, CSS बॉर्डर प्रॉपर्टी का उपयोग करें। उदाहरण रंगीन बॉर्डर जोड़ने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं। .button { बैकग्राउंड-कलर:येलो; रंग काला; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रिज्या:15px; सीमा:3px धराशायी नीला; } परिणाम परिणाम के

  1. CSS के साथ एक बटन में पारदर्शिता जोड़ें

    एक बटन में पारदर्शिता जोड़ने के लिए, CSS अस्पष्टता गुण का उपयोग करें। यह बटन के लिए एक अक्षम रूप बनाता है। आप बटन में पारदर्शिता जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>     &

  1. कैसे सीएसएस के साथ एक छवि के लिए एक बटन जोड़ने के लिए?

    सीएसएस के साथ एक छवि में एक बटन जोड़ने के लिए निम्नलिखित कोड है - उदाहरण img{ चौड़ाई:100%;}div { स्थिति:रिश्तेदार; चौड़ाई:100%; अधिकतम-चौड़ाई:400px;}div img {चौड़ाई:100%; ऊंचाई:ऑटो;} div बटन {स्थिति:निरपेक्ष; शीर्ष:50%; बाएं:50%; परिवर्तन:अनुवाद (-50%, -50%); पृष्ठभूमि-रंग:आरजीबी (64, 21, 133); रंग