हेल्लो दोस्तों, आज के इस आर्टिकल में हम HTML एवं CSS Code से Please Wait का बटन बनायंगे जब हम किसी वेबसाइट के बटन पर क्लिक करते है तो वहां पर जो उसकी प्रोसेसिंग होती है तो Please Wait लिख कर आता है उसी तरह से Please Wait का बटन Create करेंगे
Please Wait Animated Button Demo
हम जिस प्रकार से animated बटन का CSS और HTML कोड देने वाले उसका Demo आप नीचे देख सकते है
Please Wait Animated Button CSS Code
नीचे दिए गए CSS Code में आप बटन का background color border text color padding तथा font size एवं आइकॉन का कस्टमाइज कर सकते है
.buttonwait {
background-color: #ffc107;
border: none;
color: white;
padding: 12px 24px;
font-size: 16px;
}
.fa {
margin-left: -12px;
margin-right: 8px;
}
Please Wait Animated Button HTML Code
नीचे दिए गए HTML Code में आप आइकॉन तथा text को change कर सकते है
<button class="buttonwait">
<i class="fa fa-spinner fa-spin"></i>Please Wait
</button>
<button class="buttonwait">
<i class="fa fa-circle-o-notch fa-spin"></i>Please Wait
</button>
<button class="buttonwait">
<i class="fa fa-refresh fa-spin"></i>Please Wait
Please Wait Animated Button Source Code
उपरोक्त बताये गए HTML एवं CSS Code को आप नीचे दिए गए Source के नीचे Copy Code बटन पर क्लिक करके Code को कॉपी कर सकते है