वेब डिझाइनसाठी 23 उच्च-गुणवत्तेच्या सीएसएस लायब्ररी

CSS

सद्य सीएसएस लायब्ररी वेब डिझाइनच्या उच्च स्तराचे पुरावे आहेत आणि वेब अनुभव काय आहे हे समजून घेण्याचे त्या तल्लख मार्गांची अंमलबजावणी करताना या गोष्टी कशा सुलभ करतात.

म्हणूनच आम्ही करू 23 उच्च प्रतीची सीएसएस लायब्ररी सामायिक करा या डिझाईन भाषेतून कसे शक्य आहे हे सिद्ध करणारे विविध कलाकार आहेत. सीएसएसद्वारे काय साध्य करता येईल यावर आश्चर्यचकित होण्याच्या संसाधनांची एक रोचक ऑफर

अस्पष्ट मेनू

अस्पष्ट

una चमकदारपणे ऑप्टिमाइझ केलेले डेमो ज्यात आपण सात उदाहरणे शोधू शकता. ते सीएसएस 3 संक्रमण वापरतात आणि उच्च गुणवत्तेचा अस्पष्ट प्रभाव तयार करण्यासाठी भिन्न निवडकर्त्यांचा वापर करण्यामध्ये चांगली बुद्धिमत्ता काय असेल.

CSS3D ढग

ढग

फक्त सह या डेमोवर फिरवा, आपण या सीएसएस लायब्ररीसह प्राप्त केलेला उत्कृष्ट परिणाम अनुभवण्यास सक्षम असाल. सर्वांत उत्तम म्हणजे ते ढग पूर्ण गतिमान आहेत. हे CSS3 3 डी ट्रान्सफॉर्म तसेच जावास्क्रिप्टचा वापर करते. दुव्यावरुन आपण प्रत्येक चरण कुठे शोधायचे या ट्यूटोरियलमध्ये प्रवेश करू शकता.

शुद्ध सीएसएस मध्ये लोगो

लोगो

या लायब्ररीत समाविष्ट आहे काही सर्वात लोकप्रिय लोगो Appleपल किंवा ट्विटर सारख्या सर्वांद्वारे. हे माऊस पॉईंटर ठेवून प्रत्येक लोगोचे गुणधर्म जाणून घेऊ शकतील हे विशेष. आपल्याकडे दुव्यावरील पूर्ण कोडवर सर्व प्रवेश आहेत.

जान कडेरा यांनी नेव्हिगेशन बार

जानेवारी

आमच्याकडे कोडेपेन.ओ.ओ. 3 डी मध्ये या नेव्हिगेशन बारमध्ये प्रवेश हे आश्चर्यकारकपणे फिरते आणि ज्यावरून आम्हाला त्याचा कोड पूर्णपणे माहित आहे. या लायब्ररीत विशेष म्हणजे ती केवळ 65 ओळींनी बनलेली आहे. खोली फील्ड इफेक्टमध्ये नवीन सीएसएस 3 वैशिष्ट्ये आहेत.

प्रतिमा पटल सरकतात

स्लाइडिंग

आपल्याकडे ट्यूटोरियल मध्ये प्रवेश आहे येथून. त्याचे उत्तम मूल्य आहे अ‍ॅनिमेशन किती गुळगुळीत प्रतिमा पटल सरकताना. आपल्या वेबसाइटवर त्यांचा समावेश करण्यासाठी आपण चार भिन्नतांमध्ये प्रवेश करू शकता आणि एक उत्कृष्ट परिणाम प्राप्त करू शकता.

डबल रिंग

डबल रिंग

आम्ही आधी आहोत एक उत्तम रीक्रिएटेड रिंग उत्कृष्ट उत्पादन अ‍ॅनिमेशनसह. कोडपेन.आयओ वरून आपल्याकडे शेकडो ओळींनी बनलेल्या सर्व कोडमध्ये प्रवेश आहे.

फ्लेक्सबॉक्स

फ्लेक्स

फ्लेक्सबॉक्स हे पृष्ठावर स्तंभ प्रदर्शित करण्याचा नवीन सीएसएस मार्ग आहे. ए ब comprehensive्यापैकी व्यापक मार्गदर्शक हे कंटेनर समजण्यासाठी

रंगीबेरंगी नेव्हिगेशन मेनू

नेव्हिगेशन

आपल्याकडे प्रवेश आहे या नेव्हिगेशन मेनूसाठी सर्व HTML आणि CSS जो रंगावर खूप प्रेम करतो. हे संपूर्णपणे सीएसएसमध्ये तयार केले गेले आहे जेणेकरून आपण या भाषेत स्वतःचे विसर्जन करू शकता.

CSS3 मधील प्रगती बार

बार

जरी बहुतेक पुस्तकांच्या दुकानांप्रमाणे ते इंग्रजीत असले तरी एचटीएमएल आणि सीएसएस चांगले तपशीलवार आहेत उत्कृष्ट डिझाइन प्रगती बार असणे आवश्यक आहे. ग्रेडियंट्स, ओळी आणि व्हिज्युअल इफेक्टचे इतर प्रकार आपल्या प्रतीक्षेत आहेत.

एनिमेट. सीएसएस

अॅनिमेट

गिटहबवर लोकप्रिय, ते आहे सीएसएस मध्ये पूर्णपणे केले. तुम्हाला जाणून घ्यायचे असलेले अॅनिमेशन निवडा आणि तुम्हाला Animate.css मधील प्रभाव पाहण्यासाठी फक्त "अॅनिमेट इट" बटणावर क्लिक करावे लागेल. तुम्ही ते डाउनलोड करू शकता किंवा GitHub वर पाहू शकता.

स्पिंकिट

स्पिंकिट

आमच्याकडे असे होऊ शकणार्‍या निर्देशकांच्या संग्रहाचा सामना करीत आहे सर्व प्रकारच्या व्हिज्युअल घटकांसाठी सर्व्ह करा वेब मध्ये. "स्रोत" वर क्लिक करा आणि तुम्हाला त्याच्या अंमलबजावणीसाठी आवश्यक असलेले सर्व कोड सापडतील.

बटणे

बटणे

una सीएसएस बटण लायब्ररी आपणास स्पर्धेतून वेगळे करणे आवश्यक आहे असे शोधण्यासाठी सर्व मार्ग आणि कल्पना आहेत. साइडबारवरुन आपण शोधू इच्छित नसलेले आकार किंवा प्रभाव निष्क्रिय करू शकता आणि अशा प्रकारे एकावर लक्ष केंद्रित करा.

फ्लिपस्विच

फ्लिप्सविच

आम्ही आधी आहोत एक अ‍ॅप जो आपल्याला विशिष्ट बटणे अक्षम करण्याची परवानगी देतो आम्ही जे शोधत आहोत तेच तयार करण्यासाठी. आम्ही भिन्न सेटिंग्ज वापरतो आणि शेवटी आम्ही आमच्या वेबसाइटसाठी कॉपी करू शकणार्‍या कोडची पुनरुत्पादन करू शकतो. त्याच्या अष्टपैलुपणा आणि उत्कृष्ट शैलीसाठी एक अतिशय मनोरंजक स्त्रोत.

हिंट सी.एस.एस.

संकेत

una जावास्क्रिप्टशिवाय सीएसएस लायब्ररी आणि आपल्या इच्छेनुसार वापरण्यासाठी सज्ज. आकारात लहान, वापरण्यास सुलभ आणि सर्व आधुनिक वेब ब्राउझरमध्ये कार्य करते.

colors.css

रंग

ज्यासाठी एक मनोरंजक पर्याय पासून रंग पहा आणि हे एक उत्कृष्ट व्हिज्युअल पैलू असलेल्या वेबसाइटसाठी वेगवान नमुना टाइप करण्यास अनुमती देते.

Voxels.css

वोक्सल्स

जर आपल्याला Minecraft, बांधकाम खेळ माहित असेल तर हे सीएसएस लायब्ररी नक्कीच ओळखणे सोपे आहे. आम्ही मध्यभागी दाबतो म्हणून फिरवा ग्रीड तयार करणे

टायपोग्राफी

टायपोग्राफी

una शुद्ध सीएसएस फॉन्ट आपल्या पुढील प्रकल्पासाठी हलकेच परिपूर्ण.

फिरकीपटू

फिरकीपटू

una अ‍ॅनिमेशनचा मोठा संग्रह सीएसएस आणि एचटीएमएल मध्ये चिन्ह लोड करणे.

शुल्क रेखा निर्देशक

निर्देशक

सीएसएस जोडीमधील शुद्ध मजकूरसर्व प्रकारच्या निर्देशक लोड करण्यासाठी. आपल्या वेबसाइटसाठी आवश्यक आणि योग्य सूचक शोधण्यासाठी एक चांगला स्त्रोत.

सीएसएस लोडर

सीएसएस लोडर

इतर चिन्ह लोड करण्यासाठी फॉन्ट जे सर्व प्रकारच्या अ‍ॅनिमेशनसाठी सानुकूलित केले जाऊ शकते.

प्रतिमा फिरवा

फिरवा

una स्केलेबल सीएसएस लायब्ररी आणि त्या "होवर" वर्गासाठी प्रतिमांचे वजन कमी आहे.

hue.css

डीग्रेड केले

चा स्त्रोत 49 ग्रेडिएंट किंवा फोटोरॅलिस्टिक ग्रेडिएंट सर्व प्रकारच्या सामग्री आणि प्रतिमांसाठी.

भौतिक बनवणे

साहित्य

Un सीएसएस फ्रेमवर्क मटेरियल डिझाइनवर आधारित, मोठ्या प्रमाणात अॅप्समध्ये आणि त्याच्या स्वतःच्या Android ऑपरेटिंग सिस्टममध्ये Google द्वारे वापरलेले डिझाइन तत्व.

अपॉईंटमेंट चुकवू नका हाय-एंड वेबसह फसवणे एसव्हीजी प्रतिमा.


लेखाची सामग्री आमच्या तत्त्वांचे पालन करते संपादकीय नीति. त्रुटी नोंदविण्यासाठी क्लिक करा येथे.

टिप्पणी करणारे सर्वप्रथम व्हा

आपली टिप्पणी द्या

आपला ई-मेल पत्ता प्रकाशित केला जाणार नाही.

*

*

  1. डेटा जबाबदार: मिगुएल Áन्गल गॅटन
  2. डेटाचा उद्देशः नियंत्रण स्पॅम, टिप्पणी व्यवस्थापन.
  3. कायदे: आपली संमती
  4. डेटा संप्रेषण: कायदेशीर बंधन वगळता डेटा तृतीय पक्षास कळविला जाणार नाही.
  5. डेटा संग्रहण: ओकेन्टस नेटवर्क (EU) द्वारा होस्ट केलेला डेटाबेस
  6. अधिकारः कोणत्याही वेळी आपण आपली माहिती मर्यादित, पुनर्प्राप्त आणि हटवू शकता.