Capsule download button html css code free download

Namaskar Dosto, Aaj me aapke sath Capsule download button ka html css code share kar raha ho jisko aap apne blog post me ya aap jaha bhi caho free me use kar sakte ho, friends capsule download button ke html css code me button ke design me changing kaise kar sakte ho iske bhi pure jaankare aaj ke is post me share ke gye hai,

Friends capsule download button ka html css code ko aap download kaise kar sakte ho sabse pahle hum iske bare me baat kar lete hai,

Capsule download button html css code free download

Friends capsule download button ka html css code aapke sath niche share kiya gaya hai jis ko aap aasane se copy kar ke apne website me jitne bhi baar aap use karna cahte ho kar sakte ho,

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

Capsule download button me text or url link kaise change kare

Friends button ka text aur url link change karna kaafi aasan hai, capsule button me text aur url link change karne ke lye aapko niche diye sabhi steps ko follow karna hai,

Step 1. Friends Sabse pahle aapko button ke html css coding ko open karna hai apne kise notepad me,

Step 2. Friends ab aapko button ke html coding me “download now” ko search karna hai aur isko hata kar aap button me jo bhi text show karna caho vo text type kar dina hai, Is process se aapke button ka text change ho jayiga,

Capsule download button me text or url link kaise change kare
Capsule download button me text or url link kaise change kare

Step 3. Friends ab aapko url link change karne ke lye button coding me download now text ke paas aapko hamare 2nd website ka link show hoga jissa ke uper picture me bhi aap dekh sakte ho, simply aapko website ke link ko hata kar apna url link paste kar dina hai.

Friends es process ko follow karne ke baad capsule download button ke html css coding me text aur url link change ho jayige.

Capsule download button ka background color kaise change kare-

Friends es button ke background me aapko 2 color dekne ko milege red and blue, Friends normally aap jab button ko dekhte hai to button ka color red show hoga but jab aap button ke uper apne mouse ka cursor lekar jaaoge to button ka color blue ho jayinga aur aap ager in colors ko change karna cahte hai to niche diye steps ko follow kare.

Step 1. Friends button me aapko 1st red colour show hota hai jisko change karne ke lye aapko button ke html css coding ko open karna hai,

Step 2. Friends ab aapko coding me background-color:#0a68ff; es code ko search karna hai or esme aapko jo color code milta hai #0a68ff esko hata kar dusra color code enter kar dina hai,

Capsule download button ka background color kaise change kare
Capsule download button ka background color kaise change kare

Step 3. Friends ab aapko button ke background me 2nd blue color milta hai esko change karne ke lye aapko html css coding me background-color:#f70a31; es ko search karna hai or esme #f70a31 color code ko hata kar dusra color code enter kar dina hai,

Capsule download button ka background color kaise change kare
Capsule download button ka background color kaise change kare

Friends es process ko follow kar ke aap capsule download button ke background color ko change kar sakte ho.

Capsule download button ke border color and size ko kaise change kare

Friends capsule button me border bhi add ke gye hai ager aap caho to button ke border ka color or size ko kam ya jaada kar sakte ho aur uske lye aapko in steps ko follow karna hai,

Step 1. Friends button ke border ke size ko kam ya jaada karne ke lye aapko button ke html css coding ko open karna hai,

Step 2. Friends ab aapko button ke coding me border:3px solid #2a05fc; isko search karna hai aur es me 3px aapko button ke size milte hai jisko aap apne hisab se kam ya jaada kar sakte ho,

Capsule download button html css code free download
Capsule download button html css code free download

Step 3. Friends button ke border ka color change karne ke lye aapko button ke coding me border:3px solid #2a05fc; es code ke ander #2a05fc color code ko hatta kar dusra color code enter kar sakte ho,

Friends es process ko follow kar aap capsule download button ke border ko apne hisab se set kar sakte ho.

Capsule button information video

Friends aap capsule button ke all information video ke help se bhi jaan sakte ho,

Note- Friends in sabhi settings ke allowa aapko ager capsule button ke coding me kuch aur jankare cahiye to aap hame comments me pouch sakte ho, Friends aaj ka article “Capsule download button html css code free download” aapko ager acha lage to esko apne friends ke sath share jarure kare, Thanks all.

Read More Article:

3Shares

Leave a Reply

error: Content is protected !!
Scroll to Top