थोड़ा जावास्क्रिप्ट के साथ 41 मुफ्त सीएसएस बटन

हम की श्रृंखला में एक और लेख के साथ जारी है एचटीएमएल, सीएसएस और जावास्क्रिप्ट यह एक लाता है के साथ जोर देने के लिए कोड की अच्छी सूची हमारी वेबसाइट की दृश्य उपस्थिति या उपयोगकर्ता अनुभव; यह एक ईकामर्स, एक लैंडिंग पृष्ठ या एक ब्लॉग ही हो।

उन महत्वपूर्ण तत्वों में से एक को स्पर्श करें जो सक्षम हैं कार्रवाई करने के लिए कॉल करें ताकि आइकन जो उपयोगकर्ता को खरीदारी की टोकरी, बटन, खरीदारी के लिए ले जाएगा। सीएसएस बटन जो आपको नीचे मिलेंगे, स्वतंत्र हैं और उनमें 3 डी बटन शामिल हैं, सामाजिक नेटवर्क के लिए, साझा करने के लिए, शुरुआत में वापस जाने के लिए या अन्य लोगों की तरह अनलॉक करने के लिए।

3 डी बटन

एक 3 डी बटन जो बाहर खड़ा है गहराई का कारण बनता है जहां भी हम इसे उन छायांकन प्रभावों के साथ रखने के लिए जाते हैं जो प्रत्येक दृश्य तत्व को बाहर खड़ा करते हैं।

प्रेस करने के लिए 3 डी बटन

यह सीएसएस में 3 डी बटन यह क्षमता है कि एनीमेशन चलना शुरू हो जाएगा क्योंकि हम इसे के स्पंदन को लम्बा खींचते हैं।

पिछला बटन

यह CSS बटन हमें ले जाएगा हमारी वेबसाइट के शीर्ष पर जब हम इसके माध्यम से चले गए हैं।

बबल बटन

CSS और JavaScript में एक बबल बटन, जिसे क्लिक करने पर बुलबुले की एक श्रृंखला के साथ छप जाएगा एक हड़ताली और उपयुक्त एनीमेशन के साथ।

बटन जोड़ें

एक सुंदर एनीमेशन सीएसएस में जोड़ने के लिए इस बटन को जीवन देता है जो उन तत्वों में से एक हो सकता है जो हमारी वेबसाइट को बाहर खड़ा करते हैं।

सीएसएस ऑफसेट बटन

पिछले एक के समान है, हालांकि थोड़ा अलग एनीमेशन के साथ। यह विशिष्ट विषय पर वेबसाइटों की एक श्रृंखला के लिए आदर्श हो सकता है।

बटन बंद

हम इसे दबाते हैं CSS और HTML में बटन एक बंद एनीमेशन के लिए उत्पादन किया जाना है। सरल, लेकिन महान दृश्य प्रभाव के साथ।

सीएसएस बंद बटन

उस समय माउस पॉइंटर छोड़ दें इस करीबी बटन पर, हम गुणवत्ता एनीमेशन का पता लगा सकते हैं जिसे हम वेब पर एकीकृत करेंगे।

सीएसएस डाउनलोड बटन

यदि हमारे पास हमारी वेबसाइट पर डाउनलोड करने के लिए सामग्री है, तो यह महत्वपूर्ण है हमारे पास उपयोगकर्ता के पास इसे सही करने के लिए एक उपयुक्त बटन है जल्दी से अपनी नाड़ी पर। दबाए जाने पर यह बटन बाहर निकलता है और एक अच्छी तरह से किए गए एनीमेशन में छोटे झटके का एक गुच्छा छोड़ देता है।

डाउनलोड बटन

यह बटन एनीमेशन के लिए माहिर है थोड़ी बॉल बढ़ाओ डाउनलोड पर क्लिक करते समय उपयोगकर्ता द्वारा की जाने वाली क्रिया को हाइलाइट करने के लिए बार के एक तरफ से दूसरी ओर जाएगा।

बटन एनीमेशन डाउनलोड करें

एक एक बटन के लिए काफी लंबा एनीमेशन, लेकिन यह वह विस्तार हो सकता है जो सभी प्रकार की फ़ाइलों के डाउनलोड के लिए आपकी वेबसाइट पर व्यावसायिकता प्रदान करता है।

होवर बटन

यह बटन आपका इंतजार कर रहा है माउस पॉइंटर छोड़ दें ऊपर आप इसे बनाए गए उत्कृष्ट एनीमेशन को देख सकते हैं।

शोर बटन

एक और हॉवर बटन जो बाहर खड़ा है विद्युतीकरण एनीमेशन पॉइंटर पर मँडराते समय ऐसा होता है।

होवर का प्रभाव

सीएसएस में एक और दिलचस्प हॉवर प्रभाव जो इसके लिए खड़ा है तेज और फुर्तीला एनीमेशन जो अच्छी संवेदनाएं पैदा करता है।

स्टाइलिश होवर प्रभाव

एक बटन होवर शानदार अंदाज के साथ क्लासिक टच वाली साइटों के लिए एनीमेशन में।

Gooey प्रभाव

Un सरल और जिज्ञासु प्रभाव जो HTML के एक बिट के साथ सीएसएस बटन का आकार बढ़ाता है।

धारीदार बटन

धारी इसके लिए जाना जाता है अपनी वेबसाइट के UI डिजाइन पर बहुत अच्छा काम करते हैं, यह स्ट्राइप बटन प्रेरित है ताकि आप इसे अपनी वेबसाइट पर ले जा सकें।

तीन सीएसएस बटन प्रभाव

तीन सीएसएस प्रभाव बटन के लिए एनीमेशन में और हम महान शैली पर विचार कर सकते हैं।

ट्विटर बटन की तरह

एक बटन ट्विटर के लिए पसंद की एक शानदार और ऊर्जावान एनीमेशन के साथ। इन सोशल मीडिया दिनों के लिए बिल्कुल सही।

एनीमेशन बटन की तरह

यहां दिल होंगे जो लोग खुशी के लिए कूदते हैं जब जैसे बटन दबाया जाता है।

बटन की तरह ब्याह

एक और बहुत प्रभाव के साथ बहुत उत्सुक एनीमेशन सामाजिक नेटवर्क के लिए एक बटन की तरह के लिए।

खेलने का बटन

प्ले बटन जो शुरू हो जाएगा खुशी के लिए भी कूदो, जब दबाया।

प्लेबैक सीएसएस बटन

एक एनीमेशन मिट जाएगा आइकन के आसपास परिधि इस सीएसएस बटन का प्लेबैक।

ठहराव / प्ले बटन

बस एक बटन एक न्यूनतम स्पर्श के साथ रुकें / खेलें डिजाइन में।

रेट्रो सरल बटन

मानो हम दबा रहे थे एक खेल नियंत्रक पर बटन XboX जैसे कंसोल से।

इंद्रधनुष बटन

ए के साथ एक बटन इंद्रधनुष एनीमेशन जो गैलेक्सी S8 में आने वाले नोटिफिकेशन को फिर से बनाता है।

सामाजिक बटन

एक दराज जो साथ खुलती है लोकप्रिय सोशल मीडिया आइकन उस पर माउस पॉइंटर छोड़कर सभी।

अस्थायी एनीमेशन

ए के साथ एक बटन गुणवत्ता एनीमेशन उस क्षण को ट्रिगर किया जाता है जब हम उस पर क्लिक करते हैं।

3 डी सामाजिक प्रतीक

Un ध्यान खींचने वाला प्रभाव और यह तब होता है जब हम पॉइंटर को आराम करते हैं।

सामाजिक बटन

इन सामाजिक बटन एक एनीमेशन का उपयोग करते हैं यह बाकी हिस्सों से खुद को अलग करने के लिए ऊपर से रंग बदलता है।

घन सामाजिक बटन

ये बटन हैं एक घन में स्थित है जब हम सूचक को उस पर छोड़ते हैं तो यह पूरी तरह से चलता है।

शेयर बटन

Un शेयर बटन एक अनंत चक्रीय एनीमेशन द्वारा प्रतिष्ठित।

एसवीजी में सोशल मीडिया शेयर बटन

बस शेयर बटन दबाएं और आपको दिव्य प्रभाव मिलेगा जो इस सोशल मीडिया बटन में होता है।

Gooey शेयर बटन

दूसरों के साथ एनिमेशन «Gooey», यह बटन उसके द्वारा उत्पादित प्रभाव के लिए बहुत हड़ताली है।

शेयर

यह बटन को चार अलग-अलग भागों में विभाजित किया गया है ताकि आप सामाजिक नेटवर्क का चयन कर सकें जिसमें आप सीधे साझा की गई सामग्री प्रकाशित करेंगे।

स्टार समीक्षाएँ बटन

एक बटन होवर जो स्कोर एकत्र करता है जब आप पॉइंटर को छोड़ देते हैं तो आप देने वाले होते हैं।

एसवीजी स्कोर बटन

के लिए एक और हॉवर बटन एक ग्रेड के साथ स्कोर एक उत्पाद या जो भी हो।

चार्ज बटन

दबाकर अपलोड बटन डाउनलोड प्रक्रिया शुरू करेगा या जो भी आपकी वेबसाइट के लिए सबसे अच्छा काम करता है।

बटन स्वीकार करें

इसे दबाएं और एक फॉर्म स्वीकार किया जाएगा या कोई अन्य कार्रवाई हमारी वेबसाइट के उपयोगकर्ता से अनुमोदन की आवश्यकता है।

स्वाइप बटन

मोबाइल के लिए समर्पित, इस बटन को स्मार्टफ़ोन में विशिष्ट रूप से उस इशारे के साथ साइड में ले जाना होगा।

इशारे करना

Un उंगली या पॉइंटर के साथ साइड जेस्चर और हम टर्मिनल को स्वयं अनलॉक करेंगे। मोबाइल के लिए एक और आदर्श बटन।