Capsule download button html css code free download

नमस्कार दोस्तों, आज की पोस्ट में आपके साथ “Capsule download button html css code free download” साझा की गई है, जिसे आप यहां से फ्री में डाउनलोड कर सकते हैं,

Capsule download button html css code free download

दोस्तों यहां बताए गए कैप्सूल बटन को आप अपनी किसी भी ब्लॉगर की ब्लॉग पोस्ट के साथ-साथ वर्डप्रेस की ब्लॉग पोस्ट में भी लगा सकते हैं,

Capsule download button html css code free download

दोस्तों यहां नीचे हमने आपके साथ कैप्सूल बटन की कोडिंग साझा की है, जिसे आप कॉपी कर सकते हैं,

<body>
<button class="Button"><a href="https://www.smartworkithome.com/" target="_blank">Download Now</a></button>
</body>

<style>
.Button {
 box-shadow:inset -1px -1px 20px 3px #000000;
 background-color:#0a68ff;
 border-radius:32px;
 border:3px solid #2a05fc;
 display:inline-block;
 cursor:pointer;
 color:#ffffff;
 font-family:Times New Roman;
 font-size:21px;
 font-weight:bold;
 font-style:italic;
 padding:11px 25px;
 text-decoration:none;
}
.Button:hover {
 background-color:#f70a31;
color:#FFF;
transition: all 1.0s
}
.Button:active {
 position:relative;
 top:1px;
}
</style>

Read More Article:

इस बटन का नाम कैप्सूल क्यों है?

दोस्तों यहां पर आपके साथ जो कैप्सूल बटन की कोडिंग साझा की गई है, इस बटन का नाम हमने कैप्सूल बटन इसलिए रखा है क्योंकि इस बटन की डिजाइन आपको कैप्सूल की तरह देखने को मिलती है।

Conclusion:

आज की पोस्ट में हमने आपके साथ “Capsule download button html css code free download” को साझा किया है, जिसे आप यहां से कॉपी या फिर डाउनलोड भी कर सकते हैं,

अगर आपके कैप्सूल बटन की कोडिंग से रिलेटेड कोई भी सवाल हो तो आप हमें कमेंट करके पूछ सकते हैं, साथ ही इस पोस्ट को अपने दोस्तों के साथ भी जरूर साझा करें,

आगे भी अगर आप इसी तरह की अपडेट्स प्राप्त करना चाहते हैं, तो हमारी वेबसाइट पर subscribe करके जाएं, धन्यवाद।

Read More Article:

Share This Post:

Leave a Reply

Your email address will not be published. Required fields are marked *