स्थान:घर पृष्ठ > css
CSS3 और jQuery पासवर्ड शक्ति एनीमेशन मीटर
एक फार्म पासवर्ड मजबूत निर्णय प्लग-इन, जिसे प्राप्त करने के लिए jQuery और CSS3 एनीमेशन का उपयोग किया जाता है, और सामान्य पासवर्ड सत्यापन यह है कि इस प्लग-इन की ताकत डैशबोर्ड के रूप में व्यक्त की जाती है।CSS3 विशेष प्रभाव कोड को सर्कल चार्ट माउस मँडराता है
15 अलग-अलग माउस होवरिंग प्रभाव हैं, जैसे कि चित्र फ़्लिपिंग, ओवरले, फ़्लिपिंग और अन्य विशेष प्रभाव। विशेष css3 कोड का उपयोग करके लागू किए गए विशेष प्रभाव वाले माउस को मँडराता है।शुद्ध सीएसएस मेनू चयनित टैब प्रभाव
शुद्ध सीएसएस द्वारा लागू मेनू चयन शैली, नेविगेशन मेनू स्विचिंग टैब प्रभावCSS3 के नोटपैड शैली पाठ को लागू करता है
CSS3 शैली द्वारा प्राप्त नोटपैड प्रभाव का उपयोग लेख के पन्नों या बहुत सारे पाठ के साथ पृष्ठों पर एक पृष्ठभूमि के रूप में किया जा सकता है।सुंदर शुद्ध CSS3 फ्लोटिंग ड्रॉप-डाउन सूची मेनू प्लगइन
एक प्रदर्शन की तरह एक ड्रॉप-डाउन मेनू बनाएं, आप मेनू के डिव कंटेनर और एक अनियंत्रित सूची का उपयोग कर सकते हैं। Unordered list div डिफ़ॉल्ट रूप से छुपी होती है, और माउस के होवर होने पर डिस्प्ले इवेंट चालू हो जाता है।शुद्ध css3 कोड की ओर से पिंक पिग प्रभाव
केवल css3 शैली द्वारा महसूस की गई गुलाबी सुअर शैली का उपयोग किया जाता है, और svg का उपयोग नहीं किया जाता है। यह सीखने के लिए एक संदर्भ के रूप में इस्तेमाल किया जा सकता है और बहुत व्यावहारिक नहीं है।jQuery कूल प्राइम CSS3 एनीमेशन खोजें
बहुत शांत jQuery और CSS3 प्राइम नंबर एनीमेशन प्रभाव के लिए देखो। विशेष प्रभाव स्क्रीन के बीच में वर्तमान में खोजे जा रहे नंबर और पृष्ठ पर खोजे गए नंबर को प्रदर्शित करेगा। यदि यह एक अभाज्य संख्या है, तो अभाज्य संख्या को 3 डी फेड-आउट एनीमेशन में प्रदर्शित किया जाएगा, और अभाज्य संख्या को अभाज्य संख्या दीवार में उजागर किया जाएगा। । प्राइम नंबर सर्च इफ़ेक्ट की HTML संरचना को तीन भागों में विभाजित किया गया है: section.output का उपयोग उस नंबर को प्रदर्शित करने के लिए किया जाता है जिसे खोजा गया है, अर्थात प्राइम नंबर की दीवार। section.display वर्तमान में खोजा जा रहा नंबर है, जो स्क्रीन के बीच में डिजिटल एनीमेशन है। एक <बटन> तत्व भी है, जो स्क्रीन के ऊपरी दाएं कोने में स्थित है और वर्तमान प्राइम नंबर खोज को रोक सकता है।शुद्ध css3 प्यारा मशरूम कोड
प्यारे मशरूम कोड को शुद्ध css3 में लागू किया गया, जिसमें गतिशील बैकग्राउंड बबल फ्लोटिंग प्रभाव है।शुद्ध css3 इनपुट बॉक्स इंद्रधनुष शार्क दांत शैली
शुद्ध css3 कोड का उपयोग करके एक अच्छा इनपुट बॉक्स लागू किया गया। जब आप इनपुट बॉक्स पर क्लिक करते हैं, तो एक इंद्रधनुष और शार्क दांत शैली दिखाई देती हैशुद्ध css3 पिक्सेल गेम वर्ण
एनीमेशन प्रभाव के साथ शुद्ध css3 कोड द्वारा लागू पिक्सेल खेल चरित्र शैली।css3 विकृत बुलबुला एनीमेशन पृष्ठभूमि
विकृत बुलबुला एनीमेशन पृष्ठभूमि css3 कोड का उपयोग करके कार्यान्वित की गईcss3 + js ट्रांसफॉर्मर ऑप्टिमस प्राइम
ट्रांसफॉर्मर ऑप्टिमस प्राइम का विरूपण प्रभाव css3 + js कोड द्वारा महसूस किया गया।शुद्ध सीएसएस सैंडविच माउस हॉवर एनीमेशन
शुद्ध सीएसएस कोड द्वारा खींचा गया सैंडविच शैली, एनीमेशन प्रभाव में ज़ूम के साथ माउस मँडराता है।शुद्ध css3 प्यारा मधुमक्खी उड़ान एनीमेशन
एक प्यारा मधुमक्खी शुद्ध css3 कोड का उपयोग करके तैयार किया गया है, और css3 एनीमेशन गुणों के साथ जोड़ा गया है, मधुमक्खियां उड़ सकती हैंjQuery + CSS3 फ़ॉन्ट प्रकाश प्रभाव
JQuery + CSS3 द्वारा लागू किए गए विशेष चमक पाठ बहुत ही शांत प्रभाव के साथ, जब माउस पाठ से आगे बढ़ता है, तो पाठ चमकता एनीमेशन विशेष प्रभाव, बहुत सुंदर दिखाई देगा।CSS3 चेकबॉक्स स्विच इफेक्ट बटन को सुशोभित करता है
चेकबॉक्स चेकबॉक्स के त्रि-आयामी प्रभाव को सुशोभित करने के लिए css3 शैली का उपयोग करके कुल 5 स्विच प्रभाव हैं।JS + CSS3 शांत टाइपिंग कंपन प्रभाव
सुपर कूल टाइपिंग प्रभाव, आप डिफ़ॉल्ट रूप से टेक्स्ट को स्वचालित रूप से लोड कर सकते हैं, मैनुअल टाइपिंग का भी प्रभाव होता है। वेब पेज कंपन प्रभाव को प्राप्त करने के लिए CSS3 एनीमेशन के साथ JS का उपयोग करें।शुद्ध css3 सिमुलेशन लड़की सो रही दृश्य कोड
लड़की के सोने के दृश्य कोड को प्राप्त करने के लिए शुद्ध css3 कोड का उपयोग करना, कोई भी चित्र उपयोग नहीं किए जाते हैं, css3 ड्राइंग भी बहुत शक्तिशाली है।कार्टून ब्रेड विंकिंग प्रभाव शुद्ध सीएसएस द्वारा खींचा गया
कार्टून ब्रेड विंकिंग प्रभाव शुद्ध सीएसएस द्वारा खींचा गयाjs + css3 ऐप्पल स्पेशल इफेक्ट्स ऐड इवेंट पर क्लिक करें
Css3 द्वारा तैयार किए गए विभिन्न रंगों के सेब में पत्ती एनीमेशन प्रभाव होते हैं, और ऐप्पल प्रभाव जोड़ने के लिए js के साथ वेबपेज पर क्लिक करें।