वर्तमान सीएसएस पुस्तकालयों उच्च स्तर के वेब डिज़ाइन के प्रमाण हैं और जब वेब अनुभव क्या है, यह समझने के उन शानदार तरीकों को लागू करने की बात आती है, तो ये कैसे आसान बनाते हैं।
इसलिए हम करेंगे 23 उच्च गुणवत्ता सीएसएस पुस्तकालयों का हिस्सा है विभिन्न कलाकार जो यह साबित करते हैं कि इस डिजाइन भाषा के माध्यम से सब कुछ कैसे संभव है। सीएसएस के माध्यम से प्राप्त किया जा सकता है पर चमत्कार करने के लिए संसाधनों का एक दिलचस्प प्रस्ताव।
ब्लर मेनू
एक शानदार ढंग से अनुकूलित डेमो जिसमें आप सात उदाहरण तक पा सकते हैं। वे CSS3 के संक्रमण का उपयोग करते हैं और उच्च गुणवत्ता वाले धब्बा प्रभाव बनाने के लिए विभिन्न चयनकर्ताओं के उपयोग में महान बुद्धिमत्ता क्या होगी।
CSS3D बादल
इतना ही साथ इस डेमो पर होवर करें, आप इस सीएसएस पुस्तकालय के साथ प्राप्त महान प्रभाव का अनुभव करने में सक्षम होंगे। सभी के सर्वश्रेष्ठ, उन बादलों पूर्ण गति में हैं। यह CSS3 3D ट्रांसफॉर्म के साथ-साथ जावास्क्रिप्ट का उपयोग करता है। लिंक से आप ट्यूटोरियल को एक्सेस कर सकते हैं जहां प्रत्येक चरण को ढूंढना है।
शुद्ध सीएसएस में लोगो
इस लाइब्रेरी में है सबसे लोकप्रिय लोगो में से कुछ जैसे कि Apple या Twitter। यह दिलचस्प से अधिक है कि आप माउस पॉइंटर रखकर लोगो के हर एक के गुणों को जान सकते हैं। लिंक से संपूर्ण कोड तक आपकी पहुंच है।
जन कदेरा द्वारा नेविगेशन बार
Codepen.io से हमारे पास है 3 डी में इस नेविगेशन बार का उपयोग यह आश्चर्यजनक रूप से चलता है और जिससे हम इसके कोड को पूरी तरह से जान सकते हैं। इस लाइब्रेरी की ख़ास बात यह है कि इसमें केवल 65 लाइनें हैं। नए CSS3 के फीचर्स डेप्थ फील्ड इफेक्ट में मौजूद हैं।
छवि पैनल ग्लाइडिंग
आप ट्यूटोरियल के लिए उपयोग किया है यहां से। इसका बड़ा मूल्य है एनिमेशन कितना सहज है जब छवि पैनलों फिसलने। आप अपनी वेबसाइट पर उन्हें शामिल करने और एक शानदार परिणाम प्राप्त करने के लिए चार विविधताओं का उपयोग कर सकते हैं।
डबल रिंग
हम पहले हैं एक पूरी तरह से निर्मित अंगूठी एक महान विनिर्माण एनीमेशन के साथ। Codepen.io से आपके पास सैकड़ों लाइनों से बने सभी कोड तक पहुंच है।
flexbox
Flexboxes पृष्ठ पर कॉलम प्रदर्शित करने का नया CSS तरीका है। ए काफी व्यापक गाइड इन कंटेनरों को समझने के लिए।
एक रंगीन नेविगेशन मेनू
आपके पास पहुंच है इस नेविगेशन मेनू के लिए सभी HTML और सीएसएस जो रंग के लिए बहुत प्यार करता है। यह पूरी तरह से CSS में बनाया गया है ताकि आप इस भाषा में खुद को डुबो सकें।
CSS3 में प्रगति बार
यद्यपि यह अंग्रेजी में है, अधिकांश बुकस्टोर की तरह, HTML और CSS अच्छी तरह से विस्तृत हैं महान डिजाइन प्रगति सलाखों की जरूरत है। स्नातक, लाइनें और अन्य प्रकार के दृश्य प्रभाव आपकी प्रतीक्षा करते हैं।
Animate.css
GitHub पर लोकप्रिय, यह पूरी तरह से सीएसएस में किया। वह एनीमेशन चुनें जिसे आप जानना चाहते हैं, और आपको केवल Animate.css में प्रभाव देखने के लिए "इसे एनिमेट करें" बटन पर क्लिक करना होगा। आप इसे GitHub पर डाउनलोड या देख सकते हैं।
स्पिंकिट
हम उन संकेतकों के संग्रह का सामना कर रहे हैं जो कर सकते हैं सभी प्रकार के दृश्य तत्वों के लिए सेवा करें वेब में। "स्रोत" पर क्लिक करें और आपको इसके निष्पादन के लिए आवश्यक सभी कोड मिल जाएंगे।
बटन
एक सीएसएस बटन पुस्तकालय सभी तरीकों और विचारों में से एक को खोजने के लिए आपको अपने आप को प्रतियोगिता से अलग करने की आवश्यकता है। साइडबार से आप उन आकृतियों या प्रभावों को निष्क्रिय कर सकते हैं जिन्हें आप ढूंढना नहीं चाहते हैं और इस तरह विशेष रूप से एक पर ध्यान केंद्रित करते हैं।
फ्लिप स्विच
हम पहले हैं एक ऐप जो आपको कुछ बटन को निष्क्रिय करने की अनुमति देता है एक बनाने के लिए कि वास्तव में हम क्या देख रहे हैं। हम विभिन्न सेटिंग्स का उपयोग करते हैं और अंत में हम उस कोड को पुन: उत्पन्न करने में सक्षम होंगे जिसे हम अपनी वेबसाइट के लिए कॉपी करेंगे। इसकी बहुमुखी प्रतिभा और महान शैली के लिए एक बहुत ही दिलचस्प संसाधन।
संकेत
एक जावास्क्रिप्ट के बिना सीएसएस पुस्तकालय और आपकी इच्छानुसार उपयोग करने के लिए तैयार है। आकार में छोटा, उपयोग में आसान और यह सभी आधुनिक वेब ब्राउज़रों में काम करता है।
रंग
जो एक के लिए एक दिलचस्प विकल्प से रंग की तलाश करें और यह एक महान दृश्य पहलू के साथ वेबसाइटों के लिए तेजी से प्रोटोटाइप की अनुमति देता है।
Voxels.css
यदि आप Minecraft, निर्माण खेल को जानते हैं, तो निश्चित रूप से यह CSS लाइब्रेरी पहचानना आसान है। केंद्र में दबाते ही घुमाएँ ग्रिड बनाने के लिए जाना।
टाइपोग्राफी
एक शुद्ध सीएसएस फ़ॉन्ट हल्के से अपने अगले प्रोजेक्ट के लिए एकदम सही।
स्पिनर्स
एक एनिमेशन का बड़ा संग्रह CSS और HTML में आइकन लोड करने का।
चार्ज लाइन संकेतक
सीएसएस जोड़ी में शुद्ध पाठसभी प्रकार के संकेतक लोड करने के लिए। आपकी वेबसाइट के लिए आवश्यक और सही संकेतक खोजने के लिए एक महान स्रोत।
सीएसएस लोडर
एक और आइकन लोड करने के लिए फ़ॉन्ट जो सभी प्रकार के एनिमेशन के लिए अनुकूलित किया जा सकता है।
छवि होवर
एक स्केलेबल CSS लाइब्रेरी और उस वर्ग के लिए छवियों का थोड़ा वजन «मंडराना»।
ह्यू.सीएसएस
इसका स्रोत 49 ग्रेडिएंट या फोटोरिअलिस्टिक ग्रेडिएंट सभी प्रकार की सामग्री और छवियों के लिए।
अमल में लाना
Un सामग्री डिजाइन पर आधारित सीएसएस फ्रेमवर्क, Google द्वारा बड़ी संख्या में एप्लिकेशन और अपने स्वयं के एंड्रॉइड ऑपरेटिंग सिस्टम में उपयोग किए गए डिज़ाइन सिद्धांत।
अपॉइंटमेंट लेने से न चूकें उच्च अंत जाले के साथ साथ svg चित्र.